指令的内部HTML插值

Question

我们说我有这段代码：

<div>{{someValue}}</div>

我想提出一个泛型指令，它会在上面的例子中根据{{someValue}}的插值附加一个css类。

示例：

<div status>{{someValue}}</div>

会导致

<div class="green">OK</div>

{{someValue}}表达式等于OK。

否则一切都会保持不变。

我知道其他方法可以获得相同的结果（例如ngClass），但我真的想知道是否可以像上面描述的那样实现这一点 - 所以基于指令的内插值＆＃ 39;内在的html。

P.S。：我不想将指令绑定到实际模型 - 而是希望根据内部html的插值来执行指令。希望我足够清楚......

Answer 1

我建议使用someValue作为属性值，因此它可以用于指令，让您的生活更轻松。

<div status="{{someValue}}"></div>

然后，您可以遍历指令的链接函数中的someValue值，并发回相应的状态消息。