gpt4 book ai didi

javascript - AngularJS 指令 ngClass 不起作用?

转载 作者:行者123 更新时间:2023-11-28 05:36:35 25 4
gpt4 key购买 nike

<a href="#/main" class="bottom-nav-btn">
<img ng-src="dist/images/toolbar1.png" alt="首页" class="nav-img" />
<p class="nav-text" ng-class="{active: isActive==='main'}">首页</p>
<p>{{ isActive === 'main' }}</p>
</a>

我正在使用这个 Angulars 代码。最后我发现表达式 {{ isActive === 'main' }} 为 true,但是 className 'active' 没有更新

最佳答案

您的代码应该可以正常工作:JSFiddle :

<a href="#/main" class="bottom-nav-btn" ng-app="Joy" ng-controller="JoyCtrl">

angular.module('Joy', [])
.controller('JoyCtrl', ['$scope', function($scope) {
$scope.isActive = 'main';
}]);

你的代码在其他地方肯定有问题。最有可能的是 ng-controller

关于javascript - AngularJS 指令 ngClass 不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39314679/

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