【问题标题】:Adding multiple classes in AJS and bootstrap apps在 AJS 和引导应用程序中添加多个类
【发布时间】:2015-08-03 22:32:19
【问题描述】:

我想在我的 Angular Js 应用程序中启用和禁用(隐藏和显示,不透明)一个字形图标。我使用 ng-class 来启用和禁用单击 glyphicon。那么如何在我的 html 中添加 class(common - glyphicon) 呢?

我的要求是这样的:

<div class="col-xs-1 col-sm-1 col-md-1 divfilter">


                  <span class="glyphicon glyphicon-filter ng-class="{'imgOpaque':!apply.isfilterCickable?,'imgCl':apply.isfilterCickable}"></span>
          </div>

【问题讨论】:

    标签: angularjs twitter-bootstrap-3 glyphicons ng-class


    【解决方案1】:

    试试,

    如果 apply.isfilterCickable=true,它将应用类“imgCl”,否则它将应用类“imgOpaque”。

     <span class="glyphicon glyphicon-filter" ng-class="apply.isfilterCickable?'imgCl':'imgOpaque'"></span>
    

    【讨论】:

      【解决方案2】:

      你可以使用三元运算符:

      <span class="glyphicon glyphicon-filter" ng-class="{ apply.isfilterCickable ? 'imgCl' : 'imgOpaque' }"></span>
      

      这应该会给你更多信息:

      https://scotch.io/tutorials/the-many-ways-to-use-ngclass

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2018-03-30
        • 1970-01-01
        • 2021-06-13
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多