AngularJS指令 - 模板被完全編譯

Question

我有綁定類的問題我的指令裏，看起來他們沒有被正確編譯。 請注意，我無法使用裸機應用程序重現此操作，但下面是正在進行的操作的簡短說明。

JFFiddle - with attributes與屬性
JSFiddle - without attributes

示範工程確定，但沒有屬性並不在我的真正的應用程序工作，不幸的是我無法重現該問題。它實際上工作正常當我的應用程序非常小，它可能與它渲染速度有關嗎？ （？即編譯器能夠編譯這只是因爲它是速度不夠快）

我會盡我所能來形容正在發生的事情，而無需創建特定的屬性，應該是這樣的：

指令：
<div txt-directive>

模板：
<div class="class-{{bg}} class-{{color}}">{{ txt }}</div>

的結果應該是：
<div class="class-bg class-color">Lorem ipsum dolor sit amet.</div>

，而不是我得到的一半未完成的版本：
<div class="class-{{bg}} class-{{color}}">Lorem ipsum dolor sit amet.</div><br />

此外，我注意到，當我使用ng-class，結果是：
<div ng-class="class-{{bg}} class-{{color}}" class="ng-binding">Lorem ipsum dolor sit amet.</div>

看起來像AngularJS的編譯器都沒有完全觸及ng級。我認爲這與指令編譯功能有關，但我太深究不清了。

按照上面的內容是編譯好的，但是類留作表達式。 任何建議非常感謝。

Answer 1

使用ng-class這一翻譯類的，我覺得它應該幫助