ng-attr-data-toggle简写:不显示任何错误

时间:2016-04-18 13:16:49

标签: javascript html angularjs attributes

如何修改此行

<span ng-attr-data-toggle="{{ isValueTrue ? 'toggle' : 'notToggle' }}"></span>

以便显示

<span data-toggle="toggle"></span>

表示true和

<span></span>

表示错误。

1 个答案:

答案 0 :(得分:1)

如果我正确理解您的问题,您将要设置如下所述的评论中提到的ng-if:

https://jsfiddle.net/841Lfjfe/

角:

function Controller() {
  var vm = this;
  vm.toggle = false;
  vm.doToggle = doToggle;

  function doToggle() {
     vm.toggle = (!vm.toggle) ? 1 : 0;
  }
}

HTML:

<button ng-click="ctrl.doToggle()">
    Toggle
</button>
<hr>
<span ng-if="ctrl.toggle">Toggled</span>