Question

我正在尝试实现Angular UI Bootstrap Popover组件。我写了一个小的javascript表达式来评估popover的placement，但显然我的代码没有被评估。

有人可以解释原因（下面的代码示例）吗？

<div ng-repeat="User in Users track by $index" popover-placement="{[0,1,5].indexOf($index) === -1 ? 'top' : 'bottom'}" popover="TEST">
  <!-- SOME CODE -->
</div>

弹出窗口始终显示在6个项目（用户）的顶部位置，这是默认行为。

Answer 1

您需要使用{{}}来评估表达式。你现在给它的只是一个不完整的对象。

<div ng-repeat="User in Users track by $index" popover-placement="{{[0,1,5].indexOf($index) === -1 ? 'top' : 'bottom'}}" popover="TEST">
  <!-- SOME CODE -->
</div>

如何知道代码是否应该被解释为HTML属性

1 个答案: