gpt4 book ai didi

javascript - 根据angularjs中模型的值更改类

转载 作者:行者123 更新时间:2023-11-30 12:48:41 25 4
gpt4 key购买 nike

items = {'apple', 'banana', 'lemon', 'cat', 'dog', 'monkey', 'tom', 'john', 'baby'}

html

 <div class="variable" ng-repeat="item in items">{{item}} </div>

我想做的是:

当元素是apple, banana, lemon时,变量是fruit

当元素是猫、狗、猴子时,变量是动物

变量是 human 当 item 是 tom, john, baby

水果、动物、人类是css类

求助,谢谢

最佳答案

替换数组格式不正确的项

items = {'apple', 'banana', 'lemon', 'cat', 'dog', 'monkey', 'tom', 'john', 'baby'}

items = ['apple', 'banana', 'lemon', 'cat', 'dog', 'monkey', 'tom', 'john', 'baby']

使用 ng-class 是一个很好的方法。

标记:

<div ng-repeat="item it items" ng-class="defineClass(item)">{{item}}</div>

Controller :

$scope.items = ['apple', 'banana', 'lemon', 'cat', 'dog', 'monkey', 'tom', 'john', 'baby'];

$scope.defineClass = function(item) {
switch (item) {
case 'apple':
case 'banana':
case 'lemon':
return 'fruit';
break;
case 'cat':
case 'dog':
case 'monkey':
return 'animal';
break;
case 'tom':
case 'john':
case 'baby':
return 'human';
break;
}
}

关于javascript - 根据angularjs中模型的值更改类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21727554/

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