Angular 指令的返回值并基于值具有 ng-if 来显示内容

Question

我有一个返回 0 或 1 的指令

 <my-code inputcode="{{ data.valBit }}"></my-code>

所以data.valBit 将是 0 或 1

如果它是 1 ，那么我希望它显示一段 HTML 代码，我该怎么做？从指令返回所有 html 的问题在于它与 ngmessage 验证一起放入了一个表单，因此传递表单或弄乱链接或编译器并不有趣

<div ng-if="data.valBit == 1">
    part of my form,  with ngmessage etc...   $error  etc... 
    .......
</div>

这是否可以从我可以评估并决定是否显示或隐藏 html 部分的指令中获取回调？

Answer 1

最简单的方法是利用双向数据绑定。
在您的情况下，问题在于您将评估值而不是变量传递给指令。
只需删除指令参数中的大括号 <my-code inputcode="data.valBit"></my-code>。

示例：(PLUNKER)

HTML

<my-code inputcode="data.valBit"></my-code>
<p ng-if="data.valBit == 1">
  part of my form,  with ngmessage etc... $erroretc... 
</p>

指令

app.directive('myCode', function() {
  return {
    restrict: 'E',
    scope: {
      inputcode: "=" //two way binding
    },
    link: function(scope, element, attrs){
      scope.inputcode = 1;
    }
  }
})