ビューにアクセスできない隔離された隔離指令コントローラモデル

Question

!!!!!!!!!!古い質問

code（旧式の）をご覧ください。テンプレート付きの分離ディレクティブは機能しますが、ビュー内でアクセスするディレクティブはありません。

---

新しいもの

私は同じplunkを使用して、私は、しかし、それはまだ動作していない私のディレクティブでtransclutionを使用する@Andrewアイゼンバーグ提案に耳を傾けてきました。

HTML

<p isolate-with-template></p> 
<p isolate-with-transclude>Hello World {{vm.hi}}</p> 

JS

angular.module('app',[]) 
.directive('isolateWithTemplate',function() { 
    return { 
    restrict: 'A', 
    controllerAs: 'vm', 
    scope:{}, 
    controller: function ($scope) { 
     var vm = this; 
     vm.hi = "hi"; 
    }, 
    template: "{{vm.hi}}" 
    } 
}) 
.directive('isolateWithTransclude',function() { 
    return { 
    restrict: 'A', 
    controllerAs: 'vm', 
    scope: {}, 
    transclude: true, 
    template: "<div ng-transclude></div>", 
    controller: function ($scope) { 
     var vm = this; 
     vm.hi = "hi"; 
    } 
    } 
}) 

Answer 1

isolateWithoutTemplate

Answer 2

に問題はあなたがトランスクルードされていないディレクティブの内側にコンテンツを追加したときということですscope: true,にscope: {},を置き換えます、その内容ディレクティブによって上書きされます。

テンプレートを使用しないディレクティブの場合、そのすべてのコンテンツは単に削除されます。 {{vm.hi}}を任意のテキストに置き換えても、それが表示されないことがわかります。

ビューにvmを含める場合は、transcludeプロパティをディレクティブ定義に追加して、それをクロージャーする必要があります。また、テンプレートを追加する必要がありますが、空の場合もあります。 how to use transclude is available in the angular docsに関するさらに詳しい情報