Dav*_*inh 3 javascript css angularjs angularjs-ng-repeat ng-class
我想在使用ng-class时输入'5'时改变背景颜色.我是AngularJS的新手,只是为了掌握它而写的东西.我应该使用ng-if某个地方还是必须改变我的CSS？我还要在哪里输入代码？我知道它必须是我过滤数字的地方,但我完全迷失了如何编写代码.请帮忙!
这是我的代码:
<body ng-init="numbers=[0,1,2,3,4,5]">
<nav>
<a href="#" ng-click="tab='numbers'" ng-class="{active:tab=='numbers'}">Numbers</a>
<a href="#" ng-click="tab='form'" ng-class="{active:tab=='form'}">Form</a>
</nav>
<div ng-switch="tab">
<div ng-switch-when="numbers">
<input type="text" ng-model="myValue" />
<h1 ng-repeat="number in numbers | filter:myValue"}>{{ number }}</h1>
</div>
<div ng-switch-when="form">
<button ng-click="numbers.pop(); tab='numbers'">Pop</button>
<button ng-click="numbers.push(numbers.length); tab='numbers'">Push</button>
</div>
</div>
Pan*_*kar 10
你可以ng-style在这里轻松使用
<input type="text"
ng-model="myValue"
ng-style="{'background-color':myValue == 5 ? 'red': 'white'}"/>
使用ng-class它会
标记
<input type="text" ng-model="myValue" ng-class="{'myOwnBg': myValue == 5}"/>
CSS
.myOwnBg {
background-color: yellow;
}