私はあなたがこのような$ watchをアンバインドできることを知っています:
var listener = $scope.$watch("tag", function () {});
// ...
listener(); // would clear the watch
しかし、ウォッチ関数宣言内でウォッチをアンバインドできますか。それで、ウォッチが一度実行された後、それ自体をアンバインドしますか?何かのようなもの:
$scope.$watch("tag", function () {
unbindme()
});
すでに行っているのと同じ方法で、関数内の「登録解除」を呼び出すだけです。
var unbind = $scope.$watch("tag", function () {
// ...
unbind();
});
tag
は式であるため、値を受け取ったら、 ワンタイムバインディング を使用してバインドを解除できます。
$scope.$watch("::tag", function () {});
angular
.module('app', [])
.controller('example', function($scope, $interval) {
$scope.tag = undefined
$scope.$watch('::tag', function(tag) {
$scope.tagAsSeen = tag
})
$interval(function() {
$scope.tag = angular.isDefined($scope.tag) ? $scope.tag + 1 : 1
}, 1000)
})
angular.bootstrap(document, ['app'])
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body ng-controller="example">
Tag: {{tag}}
<br>
Watch once result: {{tagAsSeen}}
</body>
</html>
bindonceディレクティブはおそらく必要なものです。
var unbindMe=$scope.$watch('tag',function(newValue){
if(newValue){
unbindMe()
}
})
同様の質問 と同じように、@ Krisの回答を少し改善すると、プロジェクト全体でより洗練された再利用可能なものが得られます。
.run(function($rootScope) {
$rootScope.see = function(v, func) {
var unbind = this.$watch(v, function() {
unbind();
func.apply(this, arguments);
});
};
})
スコープのプロトタイプの継承のおかげで、簡単に行くことができます
$scope.see('tag', function() {
//your code
});
バインドを解除する必要はまったくありません。