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

Question

我有一个部分视图，如下所示：

<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从未更新。以角度处理这个问题的“正确”方法是什么？

Answer 1

始终使用引用来帮助 AngularJS 通过原型跟踪更改。这是 Javascript 的本质。试试这个方法：

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

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

在视图中

{{item.values.name}}