将 JSON 对象传递给 Angular 指令

Question

我正在尝试将 json 对象传递给 angular 指令，但还没有找到任何解决方案。

这是代码。

指令

 function agEcalendar() {
    var directive = {
      restrict: 'E',
      templateUrl: 'app/components/ecalendar/ecalendar.html',
      scope: {
          event: '@event'
      },
      controller: EcalendarController,
      controllerAs: 'vm',
      bindToController: true
    };

    return directive;
  }

我在这里调用了jade中的指令

ag-ecalendar(event='{{vm.calendar.event}}')

Answer 1

使用<（新的单向绑定选项）传递对象，这将使您能够将对象传递到指令隔离范围。

scope: {
    event: '<event'
},

HTML

ag-ecalendar(event='vm.calendar.event')

在当前情况下，它通过@ 传递只是将对象值转换为string。

注意建议的方式适用于 Angular 1.5+ 版本，否则您需要将其设置为 event: '=event'（最终将启用双向绑定）