2016-09-25 30 views
0
.directive('phoneType', [function() { 
    return { 
     scope: { 
      phoneNumber: '=phoneType' 
     } 
     link: function (scope, element, attrs) { 
      // now do stuff with the number, you can access it through the scope 
      scope.phoneNumber // contains the number 
      scope.vm.somethingInMyController // vm is undefined 
     } 
    }; 
}]) 

を親要素の範囲を取得するにはどのようにどのように私はphoneTypeと私の指示でvm変数の両方を達成していますか?角度:ディレクティブで

+0

にconsole.logスコープを試してみてください。$親。 –

答えて

1

孤立したスコープを持つように指示するには、その属性を介してのみ、scopeのプロパティに指示する必要なデータを渡す必要があります。ディレクティブから親($ parentを使用して)スコープにアクセスすると、いくつかの命名規則を前提として親スコープと密接に結びつきます。

マークアップ

<div phone-type 
    phone-number="vm.myPhoneNumber" 
    something-more="vm.somethingInMyController"> 
</div> 

指令

scope: { 
    phoneNumber: '=phoneType', 
    somethingMore: '=' //pass more data here 
} 
関連する問題