Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 单击angularjs更改跨度类_Html_Angularjs_Class_Toggleclass - Fatal编程技术网

Html 单击angularjs更改跨度类

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显示的图像。用户单击图像后,其类应该更改,当单击另一个跨度时,它应该返回到原始类

 <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}"