javascript - ng-attr-data-toggle 简写 : display nothing for false

Question

如何修改这一行

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

使其显示

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

对于真实的

<span></span>

为假。

Answer 1

如果我正确理解你的问题，你会想要设置一个 ng-if，如评论中提到的，如下所示:

https://jsfiddle.net/841Lfjfe/

Angular :

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>