如何基于角度的地图绑定文本？

Question

我想根据某个地图绑定文字。例如

HTML

<div>{A: alpha, B: bravo, C: charlie, D: delta.....}[myKey]</div>

输出

<div>alpha</div> //if myKey is 'A'
<div>bravo>/div> //if myKey is 'B'
<div>charlie>/div> //if myKey is 'C'
<div>delta>/div> //if myKey is 'D'

And so on...

以上作品用于绑定＆＃39; class＆＃39;但不适用于＆＃39; text＆＃39;。

我不想通过在我的范围内制作地图来污染控制器

$scope.map = {A: alpha, B: bravo, C: charlie, D: delta...}
<div>{{map[myKey]}}</div> 

以便UI逻辑保留在UI层中。

有没有办法只使用内置的Angular指令？如果我不需要，我不想写一份自定义指令。

Answer 1

如果你真的想要，可以使用ngInit，但这确实属于控制器。

PLUNKER

<div ng-init="myKey='A'; map={A: 'alpha', B: 'bravo'}">{{map[myKey]}}</div>    

这不是最好的做法，但它最符合您的要求，我能想到的。