javascript - 如何将模型传递给 Angular.js 中的指令?

标签 javascript angularjs

我正在尝试弄清楚如何在指令和转发器之间创建双向绑定(bind)。我一直在尝试在互联网上找到的各种东西。这就是我现在所拥有的,但它没有将 item.myDate 传递到需要它的模板。

这应该如何完成?

HTML

<tr ng-repeat="item in items">          
    <td>
        <mydirective dateModel="item.myDate"></mydirective>
    </td>
</tr>

JS

app.directive("mydirective", function(){
   return {
      restrict:'E',
      scope:{dateModel: "&"},
      template:'<input class="date" ng-model="{{dateModel}}">',
   };
});

最佳答案

进行此更改。

1.

<mydirective date-model="item.myDate"></mydirective>

2.

app.directive("mydirective", function(){
   return {
      restrict:'E',
      scope:{dateModel: "="},
      template:'<input class="date" ng-model="dateModel">',
   };
}); 

请引用Plunker

关于javascript - 如何将模型传递给 Angular.js 中的指令?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32330934/

相关文章:

javascript - Angular 1.X 创建一个表单,其值通过按钮增加/减少

javascript - 全局值在函数内部不会改变

javascript - 检查结构是否为空 : Javascript

javascript - iOS 浏览器 - 当使用 JavaScript 更改 css 或内容时,iFrame 跳转到顶部

javascript - 如何在 mongodb 中维护排序的属性顺序?

javascript - 执行特定时间的函数 - AngularJs

javascript - 迭代数据并映射到不同的组件

angularjs - Angular $http.put REST

javascript - 从 angularjs 服务更改下拉列表的选定值

javascript - 在同一个 HTML/Angular 页面上有两个时间选择器