2017-06-15 69 views
-1

此問題出現在單擊按鈕上。ng-Click()不起作用

控制器」

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

查看

<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>

這是工作的罰款previously.but突然它不是working.can任何人看到這裏的錯誤? 謝謝

+0

你能看到在控制檯的任何錯誤? – Zooly

+0

如果這是所有的代碼,那麼它必須工作,我沒有發現任何錯誤there.or錯誤可能在其他地方 – Arjun

+0

你有沒有定義你的控制器? –

回答

1

你不必在你的函數中傳遞你的ng模型。因爲它在相同的範圍內,所以它也可以在控制器中使用。

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

工作小提琴:你預計http://jsfiddle.net/ADukg/11798/

1

入住這下面snippent

angular.module('sample',[]).controller('sampleController',['$scope', function($scope) 
 
{ 
 
$scope.sendQuery = function(queryString){ 
 
     $scope.query= queryString; 
 
     alert($scope.query) 
 
}; 
 
}])
<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>