Javascript 角度:在指令中传递对象,并检查它们作为标志是否为真

Javascript 角度:在指令中传递对象,并检查它们作为标志是否为真,javascript,angularjs,Javascript,Angularjs,我试图将对象作为标志传递给指令,并启用/禁用它们 <my-directive flags="{button: true, banner: false}"></my-directive> 我做错了什么?提前感谢。您必须使用标志,如下所示: <div ng-show="flags.button===true" > Button </div> <div ng-show="flags.banner===true" > Banner

我试图将对象作为标志传递给指令,并启用/禁用它们

  <my-directive flags="{button: true, banner: false}"></my-directive>

我做错了什么?提前感谢。

您必须使用
标志,如下所示:

<div ng-show="flags.button===true" >
  Button
</div>
<div ng-show="flags.banner===true" >
  Banner
</div>

钮扣
横幅

三重方程式(==)检查除值相等外的类型相等。

使用
标记
对象,如您在
范围中定义的那样。你根本不需要括号

<div ng-show="flags.button" >
  Button
</div>
<div ng-show="flags.banner" >
  Banner
</div>

钮扣
横幅

使用
标志访问。按钮

工作冲击器: 检查Plunker中的
directive.html

例如

指令:
钮扣
横幅
从中删除额外的
<div ng-show="flags.button===true" >
  Button
</div>
<div ng-show="flags.banner===true" >
  Banner
</div>
<div ng-show="flags.button" >
  Button
</div>
<div ng-show="flags.banner" >
  Banner
</div>
Directive:
<div ng-show="flags.button === true" >
  Button
</div>
<div ng-show="flags.banner === true" >
  Banner
</div>