javascript - 当括号冲突时如何获取 Angular 中的对象值？

Question

我遇到了一个奇怪的情况:由于我们的 Django 后端，我们将前端的 Angular 大括号更改为方括号，但现在我无法动态访问对象值，例如:

<div>[[ house.basement ]]</div>
<div>[[ house.attic ]]</div>  

上面的方法有效，但下面的方法不行:

<div>[[ house[floor] ]]</div>

这里有直接的解决方案吗？我可以使用一个函数来寻找地板，但效率会低得多。

这是我的简化 Controller :

var MyCtrl = function($scope) {
    $scope.floor = 'basement';
    $scope.house = {
      'basement': 'boo';
      'attic': 'yay';
    };
};

有一个单选按钮可以控制地板模型，但我认为这与这里不太相关。

编辑

因此，根据评论，我并不清楚，我想根据 $scope.floor 的变化来访问 $scope.house 的值。这在正常 Angular 下工作得很好:

<div>{{ house[floor] }}</div>

并且它会显示“boo”。问题是因为我们将大括号更改为方括号，解释器崩溃了，我们不确定如何正确转义。

Answer 1

使用 ng-bind。

<div ng-bind='house[floor]'></div>

http://plnkr.co/edit/diL34NCmoUPcd3AZZ3jb?p=info