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'（最终将启用双向绑定）

将JSON对象传递给angular指令

1 个答案: