將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' （最終將啟用雙向綁定）