AngularJS中的嵌套部分和对象引用

时间:2013-11-14 18:28:30

标签: javascript angularjs

我的部分视图如下:

<div ng-if="activeItem.typeOf == 'text'">
     <div onload="item=activeItem" ng-include="'views/app-builder/text.html'"></div>
</div>

当用户点击按钮时,我有一个重置activeItem的控制器方法

 $scope.showDetails = function(item){
        $scope.activeItem = item;
 };

使用activeItem看起来像:

{  name: "Candy", typeOf: "text" }

它第一次按预期工作,但每次之后,嵌套部分中的活动项永远不会更新。可能是因为引用onload从未更新过。什么是&#39;权利&#39;如何处理这个角度?

1 个答案:

答案 0 :(得分:1)

始终使用引用来促进AngularJS通过原型跟踪更改。这是Javascript的本质。试试这种方法:

$scope.activeItem = {};
$scope.activeItem.values = {
    name: "Candy0",
    typeOf: "text0"
}

$scope.showDetails = function (item) {
    $scope.activeItem.values = item;
}

在视图中

{{item.values.name}}