javascript - Angular : Pass objects in directive and check if they are true as flags

Question

我正在尝试通过指令将对象作为标志传递并启用/禁用它们。

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

指令 HTML 内部:

<div ng-show="{button==='true'}" >
  Button
</div>
<div ng-show="{banner==='true'}" >
  Banner
</div>

指令 JS:

module.exports = directive;
function directive(){
  return {
    restrict: 'E',
    templateUrl: 'directive.html',
    scope: {
      flags: '='
    }
  }
}

我做错了什么？提前致谢。

Answer 1

您必须使用flag，如下所示:

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

三重方程 (===) 除了值相等之外还检查类型相等。