如何在angularjs模板

时间:2015-06-17 09:07:19

标签: angularjs

我想在查询文本框为空时设置值。 我想这样做:

$scope.flag=0;

这是查询文本框:

<input type="text" ng-model="query" ng-change="search()" />

当用户输入内容时,我在js文件中设置$ scope.flag = 1。 希望你能解决我的问题。请做好。

4 个答案:

答案 0 :(得分:2)

HTML

  <div ng-controller="myCtrl"> 
            <input type="text" ng-model="query" ng-change="search()" />
            {{ flag }} 
    </div>

<强> JS

app.controller('myCtrl', function($scope){
      $scope.flag=0;

      $scope.search = function() {   
         $scope.flag= $scope.query.length >0 ? 1:0;
      }
});

答案 1 :(得分:2)

解决。我这样做了:

 <input type="text" ng-model="query" ng-change="search()" /> 
    {{query=='' ? flag=0 : flag=1}}

答案 2 :(得分:0)

您可以使用ng-init指令:

<input type="text" ng-model="query" ng-init="flag=0" ng-change="search()" />

答案 3 :(得分:0)

你可以这样做

$scope.search = function () {
    if ($scope.query.length) {
        $scope.flag = 1;
    } else {
        $scope.flag = 0;
     }
}