スニペットをディレクティブにすると、CSSが機能しなくなるのはなぜですか？

-1

<comment-item file="commentItemDefault" comment="obj.comment></comment-item>

のための指示をしたすべてのコードは、テンプレートcommentItemDefault

<ion-item ng-class="{ 'read': comment.read }"> 
    <h2>{{comment.from}}</h2> 
    <p>{{comment.copy}}</p> 
</ion-item>

にreadクラスが適用されることはありませんと同じです。

.read{ 
    background-color: #660000 !important; 
}

誰でも助けてもらえますか？

2016-04-04 rcpilotp51

ソリューション：

を

.read{ 
    background-color: #bddef4 !important; 
    .item-content{ 
     background-color: transparent !important; 
    } 
}

イオンでは、カスタムアイテムの色とスタイルを表示するには.item-contentクラスをバイパスする必要があります。

こちらがお役に立てば幸いです。ありがとう

2016-04-25 12:42:44 rcpilotp51

はたぶん私が気づかないよ別の構文がありますが、あなたはこのようになりますngのクラスのマップ構文の奇妙な変化、やっているように見えます：

<ion-item ng-class="{ 'read': comment.read }"> ... </ion-item>

2016-04-04 17:43:33

私は間違って入力しました。私は職場でgitを開くことができませんでしたし、メモリから入力していました...あなたが入力したものがあります。 – rcpilotp51

'ion-item'に対して' replace'がtrueに設定されていますか？もしそうなら、あなたの 'ng-class 'は実際に何かをするために置き換えて生き残るつもりはありません。 –

.item-contentの背景を透明に設定しなければならなかった。私の.item背景スタイルをカバーしていた – rcpilotp51

答えて