gpt4 book ai didi

javascript - 如何使用 ng-class 更改背景颜色?

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:58:51 25 4
gpt4 key购买 nike

每当有人在使用 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>

最佳答案

你可以很容易地在这里使用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;
}

关于javascript - 如何使用 ng-class 更改背景颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32346539/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com