在按下按钮之前脚本正在执行

时间:2018-06-11 15:50:45

标签: javascript angularjs

我坚持使用此代码,这是对angularjs的一个课程作业。我是角度js的初学者,也是stackoverflow的新手。这是一个代码,可以找到一个人应该有多少。它计算项目数,然后显示结果。项目由','分隔。



(function () {
  'use strict';
  angular.module('LunchCheck', [])
  .controller('LunchCheckController', LunchCheckController);

  LunchCheckController.$inject = ['$scope'];

  function LunchCheckController($scope) {
    //$scope.msg="";
    //console.log($scope.calculate);
    $scope.calculate="";
    $scope.check = Checker($scope);



  }

  function Checker(string) {
    var str = string.calculate;
    console.log(str);
    var str1 = str.split(',');
    var temp = str1.length;
    console.log(temp);

    string.msg=message(string,temp);
    }
    function message(string,temp) {
      if(temp > 3) {
        return "Too Much!";
   
    }
    else if (temp==0) {
      return "Aren`t you hungry??";
      
    }
    else {
      return "Enjoy";
      //console.log('Enjoy');
    }
    }


})();

<!doctype html>
<html lang="en">
  <head>
    <title>Lunch Checker</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--<link rel="stylesheet" href="styles/bootstrap.min.css">-->
    <style>
      .message { font-size: 1.3em; font-weight: bold; }
    </style>
    <script src="angular.min.js"></script>
    <script src="app.js"></script>
  </head>
<body ng-app="LunchCheck">
   <div class="container" ng-controller="LunchCheckController">
     <h1>Lunch Checker</h1>

         <div class="form-group">
             <input id="lunch-menu" type="text"
             placeholder="list comma separated dishes you usually have for lunch"
             class="form-control" ng-model="calculate">
         </div>
         <div class="form-group">
             <button class="btn btn-default" ng-click="check();">Check If Too Much</button>
         </div>
         <div class="form-group message">
           <!-- Your message can go here. -->
           {{msg}}
         </div>
   </div>

</body>
</html>
&#13;
&#13;
&#13;

这里javascript函数在我输入任何输入之前执行。我想在输入输入后执行它。请帮忙。 提前谢谢。

0 个答案:

没有答案