2017-06-15 5 views
-1

Dieses Problem ist auf den Button klicken.ng-Click() funktioniert nicht

Controller‘

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

Ansicht

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

Dies war in Ordnung previously.but arbeitete plötzlich ist es nicht, dass jemand sehen hier Fehler working.can? Danke

+0

Können Sie Fehler in Ihrer Konsole zu sehen? – Zooly

+0

Wenn das der ganze Code ist dann muss es funktionieren, ich finde keinen Fehler dort. Oder Fehler könnte woanders sein – Arjun

+0

hast du deinen Controller auch definiert? –

Antwort

1

Sie müssen nicht Ihr ng-Modell in Ihrer Funktion übergeben. Es wird auch sonst im Controller verfügbar sein, da es im selben Umfang ist.

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

Arbeits Fiddle: http://jsfiddle.net/ADukg/11798/

1

prüfen dies unter 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>

Verwandte Themen