Html 单击angularjs更改跨度类
你好!我的代码中有一个跨度。该类包含通过span显示的图像。用户单击图像后,其类应该更改,当单击另一个跨度时,它应该返回到原始类Html 单击angularjs更改跨度类,html,angularjs,class,toggleclass,Html,Angularjs,Class,Toggleclass,你好!我的代码中有一个跨度。该类包含通过span显示的图像。用户单击图像后,其类应该更改,当单击另一个跨度时,它应该返回到原始类 <span alt="Mode1" ng-class="{'mode': isActive}" ng-click="activeButton()" ></span></span> 它已经在工作,但我的问题是在加载时,没有显示任何内容,只在我单击它时显示。我使用angularjs btw如果你有一个开关打开ng点击,那么只需通过
<span alt="Mode1" ng-class="{'mode': isActive}" ng-click="activeButton()" ></span></span>
它已经在工作,但我的问题是在加载时,没有显示任何内容,只在我单击它时显示。我使用angularjs btw如果你有一个开关打开
ng点击
,那么只需通过这个按钮更改ng类
ng-class="{'mode': isActive, 'classThatIsSupposedToBeShownOnInActive': !isActive}"
然后,它应该显示您想要加载的类,并在ng单击时显示mode
class
希望有帮助。显示“无”是什么意思只有一个跨度,如果没有,请单击何处。详细解释您的问题,并在文章中发布相关代码。加载时必须显示的类在哪里?如果模式
类显示在ng click
?@JenishRabadiya上,则单击时范围显示图像彩色图像对应物应显示,但我的上面的代码仅在我单击后才显示,彩色对应物为shown@mJunaidSalaat,我想这是我的问题,因为在装货时,应该显示的类是none,我将如何放置它?ng class=“{'mode':isActive,'in-active-class':!isActive}”感谢它的工作!但是当我点击另一个跨度时呢?该类应返回到原始状态您只需在另一次span单击时将$scope.isActive
布尔值切换为false即可。:)尝试此不同Span Content
$scope.anotherSpanClick=function(){$scope.isActive=false;}
再次您好@mJunaidSalaat我可以再次请求您的帮助吗?我有另一个问题似乎与此问题相同,但我现在的问题是如何在选择某个radiobutton时更改某个按钮的类@mJunaidSalaat
ng-class="{'mode': isActive, 'classThatIsSupposedToBeShownOnInActive': !isActive}"