2017-02-07 26 views
0

2つのリストを描画するコンポーネントがありますが、コンポーネントにはデータがないため何も描画されません。 me.settingsためサービスデータを角度コンポーネントにロード

myController

function loadAllData() { 
       Admin.getAllSettings() 
       .then(function (settings) { 
        $scope.settings = settings.data; 
       }) 
      } 

myComponentというCONSOLE.LOG出力において

{ 
     bindings: { 
      selectedData: '=', 
      availableData: '<' 
     }, 
     templateUrl: 'global/twoListSelector.directive.html', 
     controller: function() { 
      var me = this; 

      console.log(me); 
     } 
    } 

MYVIEW

<two-side-selector selectedData="doctorProperties" availableData="settings"></two-side-selector> 

は未定義です。ダイジェストサイクルで設定プロパティがコンポーネントに反映されるように更新する必要はありませんか?サービスは、データを正しく返しているが、それはコンポーネントに

を取得していない私は、角1.5.9

+0

ここで、 'scope'に' loadAllData() '関数を呼び出しますか? myComponentスコープでデータ関数を呼び出さないと、データが存在しないのが普通です。 –

+0

親コントローラでloadAllDataが呼び出され、コントローラAはコントローラAが私のビューのスコープにあり、 'availableData =" settings "はサービスによって返されたデータを参照するようになります – ocespedes

+0

追加しようとしましたか?あなたの約束の成功ハンドラで 'console.log($ scope.settings)'、いくつかのデータを出力しますか? –

答えて

2

を使用しています選択したデータを使用してみてください、利用可能なデータは、マークアップで属性:

<two-side-selector selected-data="doctorProperties" available-data="settings"></two-side-selector> 

AngularJSは、ダッシュで区切られた属性をキャメルケースに変換します。

+0

それは動作します!私はそれがディレクティブ名のためだと思ったことを忘れてしまった – ocespedes

関連する問題