Angular js:我如何在点击时改变手风琴的颜色

时间:2018-02-22 09:15:17

标签: angularjs asp.net-mvc-4

当我使用ng-if点击glyphicon时,如何更改活动手风琴的颜色。我有这个代码:我不能成功 请你有个好主意。谢谢你的进步。

的style.css:

stof_doctrine_extensions:
  default_locale: "%locale%"
  translation_fallback: false
  orm:
    default:
        translatable: true

感谢您的进步

1 个答案:

答案 0 :(得分:0)

你可以使用与嵌套的a-tag相同的条件来检查是否通过值showMe选择了手风琴。

template: '<div>' +
          '<div class="title" ng-class="{true: \'selectedAccordionStyle\', false:\'\'}[showMe]"><a class=" more-less glyphicon glyphicon-plus" ng-class="{true: \'glyphicon glyphicon-minus\', false:\'glyphicon glyphicon-plus\'}[showMe]" data-ng-click="toggle()"></a>{{title}}</div>' +
          '<div class="body" data-ng-show="showMe" data-ng-transclude=""></div>' +
          '</div>',