Question

此问题在按钮上单击。

控制器＆＃39;

$scope.sendQuery = function(queryString){
      $scope.query=queryString;    
};

查看

＆＃13;

<div class="col-lg-3">
                <div class="input-group">
                  <input type="text" class="form-control" placeholder="" data-ng-model="queryString">
                  <span class="input-group-btn">
                    <button class="btn btn-primary" ng-click="sendQuery(queryString)" type="button">Send Query</button>
                  </span>
                </div>

＆＃13;

此前工作得很好。但突然间它没有工作。任何人都可以在这里看到错误吗？感谢

Answer 1

您不必在函数中传递ng-model。它也可以在控制器中使用，因为它在相同的范围内。

function MyCtrl($scope) {
   $scope.sendQuery = function(){
      $scope.query=$scope.queryString;   
      console.log($scope.query);
};

工作小提琴：http://jsfiddle.net/ADukg/11798/

Answer 2

不确定您的期望，但我写了一个Plunkr，在{em> $ scope 中设置input text并在按下按钮时显示它。

hideFlags

Answer 3

请在下面检查以下内容

＆＃13;

angular.module('sample',[]).controller('sampleController',['$scope', function($scope)
{
$scope.sendQuery = function(queryString){
      $scope.query= queryString;  
      alert($scope.query)
};
}])

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='sample'  ng-controller='sampleController' class="col-lg-3">
                <div class="input-group">
                  <input type="text" class="form-control" placeholder="" ng-model="queryString">
                  <span class="input-group-btn">
                    <button class="btn btn-primary" ng-click="sendQuery(queryString)" type="button">Send Query</button>
                  </span>
                </div>

＆＃13;

ng-Click（）无效

3 个答案: