将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;
  }

在这里我称之为玉的指令

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

Answer 1

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

scope: {
    event: '<event'
},

HTML

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

在目前的情况下，它正在传递， @只是将对象值转换为string 。

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