javascript - Angular 指令更新父 Controller 对象

Question

我已经使用 Angular 一段时间了，但是当涉及到 Controller (使用 Controller 作为语法)和模板内的指令之间的双向数据绑定(bind)时，我有点迷失 Controller 。

该指令的目的本质上是成为我需要收集的一组非常具体的数据(照片、文本和一些其他内容)的输入字段。

它是如何工作的。

我的 Controller FormCtrl 从应用程序缓存加载一些数据。然后，它将这些数据传递给名为 ctrl.form_fields 的对象。

我需要我的指令能够访问 ctrl.form_fields 来显示数据。此外，如果在指令内对数据进行任何更改，FromCtrl ctrl.form_fields 对象也会更新。

我已经对父 Controller 和子指令之间的双向绑定(bind)进行了一些研究和实验，但我无法弄清楚。如果有人可以发布一个理论示例，我将非常感激。

我不想使用 $scope.$parent 等来完成此任务，因为它会变得太困惑且难以维护。另外，我尝试尽可能不使用 $scope 。

干杯，院长

Answer 1

也许我没有正确理解你的问题，但是你不能通过属性将对象/值传递给指令，并使用双向绑定(bind)表达式吗？

angular
  .module('app')
  .directive('myDirective', function() {
    return {
     restrict: 'E',
     templateUrl: 'myTemplate.html',
     scope: {
       obj: "=" // Two way decleration  
     },
      
     controller: function($scope) {
       console.log($scope.obj); 
     }
   }
  });

<my-directive obj="ctrl.object"></my-directive>

Angular