Angular.js：如何綁定「改變」事件以服務

Question

首先，我是新來angular.js ...

我有一個HTML5頁面，在這裏我可以用一個名稱添加新網址。現在，我想檢查一下後端服務來檢查URL是否已經存在。如何將輸入框上的「onChange」事件綁定到服務函數？ 我試圖找到解決方案，但我一直無法找到任何可以輕鬆描述的東西。

<div ng-controller="newLink"> 
<input class="url" value="{{Url}}" ng-model="Url" placeholder="Please type a URL"/> 
<input class="name" value="{{Name}}" ng-model="Name" placeholder="Type a name" /> 
<div class="status"></div> 
</div> 
<script> 
     app.controller('newLink', ['$scope', 'appService', function ($scope, appService) { 
     $scope.Name = ''; 
     $scope.Url = ''; 
    }]); 
</script> 

Answer 1

可以使用ngChange指令

<input ng-change="onChange()"> 

// in controller 

$scope.onChange = function(){ 
    // call your service function here 
} 

欲瞭解更多信息，請參見：http://docs.angularjs.org/api/ng/directive/ngChange

Answer 2

兩個簡單的解決方案，這一問題：

1. 使用ng-change指令：

   <input ng-change="doSomething()"> 
   
   $scope.doSomething = function() {}; 
   

2. $watch值變化

   <input ng-model="Url"> 
   
   $scope.$watch('Url', function() {});