ng-class

作者: 幸福幸福幸福 | 来源:发表于2017-04-10 11:52 被阅读4次
    1. 在scope中定义变量(并不推荐)

       function Ctrl($scope){
         $scope.test = "className";
       };
       <div class="{{ test }}"></div>
      

    来看angular为我们提供另外两种方法

    1. 字符串数组形式
      function Ctrl($scope){
      $scope.isActive = true;
      }
      <div ng-class="{true:'active',false:'inactive'}[isActive]"></div>

    2. 对象key/value处理(主要针对复杂的class混合)
      function Ctrl($scope){

       }
       <div ng-class={'selected':isSelected,'car':isCar}></div>

    相关文章

      网友评论

          本文标题:ng-class

          本文链接:https://www.haomeiwen.com/subject/brrsattx.html