Angular 1.5組件元素的ng-class

Question

我正在將一些指令轉換為組件，並試圖消除額外的“包裝”元素，因為replace: true不再起作用。 但是，舊的包裝元素上有一個ng-class。

<some-directive>
    <div ng-class="{classOne: someDirectiveCtrl.isClassOne}">
        <p>...</p>
    </div>
</some-directive>

在該示例中，使用replace: true ，div成為“包裝”元素。

<div ng-class="{classOne: someDirectiveCtrl.isClassOne}">
     <p>...</p>
</div>

所以...

題

有沒有辦法訪問組件控制器中的信息，以便將類添加到組件的元素？

即

<some-component ng-class="{classOne: someComponentCtrl.isClassOne}">
    <p>...</p>
</some-component>

我寧願不在父控制器中放置組件的函數，我想在HTML中列出這些類。

Answer 1

您需要使用ng-controller而不是ng-class 。 將控制器分配到ng-controller ，然后使用您的班級。

Answer 2

組件始終使用隔離范圍，這是外部世界無法訪問的。 你將不得不放棄ng-class提供的漂亮的聲明性方法，而是使用組件控制器中的可用$元素。

Answer 3

我們放棄並重新組織了html和css，這不是問題。 :(