如何在custom指令中使用ngModel

Question

我写了一个自定义指令，它还包含一个文本输入 我希望能够将该文本输入链接到ng模型 - 可选 也就是说，如果用户传入ng-model，请将其传播到其中的文本输入。

指令标记：

<div my-directive ng-model="query"/>

指令模板如：

<div class="...">
  <div class="...">
    <input type="text"/>
  </div>
</div>

这可能吗？

Answer 1

使用隔离范围双向数据绑定标志"="

这是plunker：

app.directive('myDirective', function(){
  return {
    scope: {
      model: "=ngModel"
    },
    templateUrl: "myDirective.html"
  }
})

这是模板：

<script type="text/ng-template" id="myDirective.html">
  <div class="...">
    <div class="...">
      <input type="text" ng-model="model"/>
    </div>
  </div>
</script>