gpt4 book ai didi

javascript - Angularjs:ng-class没有上课

转载 作者:行者123 更新时间:2023-11-28 19:59:59 24 4
gpt4 key购买 nike

这是代码

<body ng-app="app">

<div ng-controller="MainCtrl" >
<ul>
<li ng-repeat="n in range" class="test" ng-class="{{($index < 5) && 'visible' || 'invisible' }}" style="display:inline;">
<a href ="#">{{n.number}}</a>
</li>
</ul>
</div>

</body>

Angular 代码

var app=angular.module('app',[]);

app.controller('MainCtrl',function($scope){
$scope.range= [
{number: "1"},
{number: "2"},
{number: "3"},
{number: "4"},
{number: "5"},
{number: "6"},
{number: "7"},
{number: "8"}
];
});

我没有看到可见或不可见的内容被添加到类中,我可以知道问题是什么

最佳答案

不应在 ng-class 中使用字符串插值 ({{ ... }});

此语法应该有效:

 ng-class="{ visible : ($index < 5), invisible : ($index >= 5) }"

但更好的方法 (IMO) 是将 invisible 类中的样式设置为该元素的默认样式,并仅应用 visible 类覆盖。

 ng-class="{ visible : $index < 5 }"

这将为您提供看起来更清晰的代码。

关于javascript - Angularjs:ng-class没有上课,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21827838/

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