代码之家 › 专栏 › 技术社区 › Haradzieniec

ngattrdatatoggle简写:不显示任何false

attributes angularjs html javascript

0

Haradzieniec · 技术社区 · 9 年前

如何修改此行

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

以便显示

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

对于真实和

<span></span>

为false。

1 回复 | 直到 9 年前

1

Rob 9 年前

如果我正确理解了您的问题,您将需要设置一个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>