JSONオブジェクトをangleディレクティブに渡す

Question

jsonオブジェクトをangleディレクティブに渡そうとしていますが、解決策がまだ見つかりません。

ここにコードがあります。

指令

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にオブジェクト値を変換するに過ぎません。

Note The suggested way would work for Angular 1.5+ version, otherwise you need to make it as event: '=event' (eventually that will enable two way binding)