Ändern von Elementattributen basierend auf einer Bedingung

Question

Gibt es eine Möglichkeit zu bestimmen, welches Attribut auf einem Element gerendert werden soll? Angenommen, ich wollte ein div so gestalten, dass es einen grünen Hintergrund hat, wenn meine count Variable größer als 5 ist, aber geben Sie ihr sonst eine ui-view-Anweisung?

Lassen Sie uns ein unrealistisches Beispiel in Pseudo-Code geschrieben nehmen

<div ng-if="count > 5 ? {style='background: green'} : {ui-view='home'}"> 

</div> 

Ist das plausibel? Ich könnte es in die falsche Richtung gehen, aber ich wollte wissen, ob dies getan werden könnte oder sollte (Ich denke, benutzerdefinierte Anweisungen könnten helfen, aber ich wollte dies so leicht wie möglich halten)

Jede Hilfe oder Diskussion ist willkommen !

Answer 1

Sie können einfach tun:

<div ng-if="myCondition"></div> 
<div ng-if="!myCondition" ui-view></div> 

Um Code-Duplizierung zu vermeiden, schlage ich vor, verwenden ng-umfassen:

<ng-include src="template"></ng-include> 

Answer 2

Ja, es ist, ng-Klasse wird für das Sie

<div ng-class="{{ 'green' : (count > 5) ; 'red' : (count != 5) }}"> 

</div> 
// where green and red is class name not style 

macht auch eine Variable für die Klassennamen

<div class="base-class" ng-class="myVar">Sample Text</div> 

---

oder ng-Stil http://plnkr.co/edit/pCplLBymY1nmX7Bmb0uO?p=preview

verwenden können

<span ng-style=" count > 5 ? { 'background-color':'red' } : { 'background-color':'green' }" >Sample Text</span>