Angularjs中this的指向

在Angularjs中this的指當前的scope。html

 

<a class=" ng-click="remove(this)"></a>

<!--this指的是a標籤做用域下的scope-->

<script>

app.controller('myCtrl',function($scope){
      $scope.remove = function (scope) {
        scope.remove();
      };
});
</script>

 

來自知乎的解釋,https://www.zhihu.com/question/35780175app

做者:Stark偉
連接:https://www.zhihu.com/question/35780175/answer/64416775
來源:知乎
著做權歸做者全部,轉載請聯繫做者得到受權。

好比你定義了一個
<div ng-click="change()">{{value}}</div> 
而後你想點擊這個div的時候改變這個div的內容,那麼在相應的controller中應該這樣寫:
$scope.change = function(){ this.value = 'new value'; //等價於$scope.value = 'new value' } 

這種this的特性在ng-repeat中很是好用。
好比你有一堆ng-repeat渲染出來的東西:
<div ng-click="change()" ng-repeat="item in items">{{item.value}}</div> 

而後你想給他們綁定一個統一的函數,點擊以後 只會把本身的值改變,此時 this就是指向當前的子scope:
$scope.change = function(){ this.item.value = 'new value'; //因爲是ng-repeat出來的,因此這裏this指向的scope是上面那個案例中$scope的子集。 //即this.$parent === $scope; }
相關文章
相關標籤/搜索