javascript - Angular .js : How to bind "change" event to service

Question

首先，我是 angular.js 的新手...

我有一个 HTML5 页面，我可以在其中添加带有名称的新 URL。现在，我想检查后端服务以检查 URL 是否已经存在。如何将输入框上的“onChange”事件绑定(bind)到服务功能？我试图找到解决方案，但我无法找到任何可以轻松描述此问题的内容。

<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