テンプレートを使用しない角型コンポーネントの式バインディング

Question

コンポーネントからスコープデータを出力しようとしていますが、ローカルテンプレートを使用せずにスコープデータを作成する方法がわかりません。 （codepen：http://codepen.io/anon/pen/qNBBRN）

HTML：

私はHTMLファイルINDマークアップを持っている必要がありますとJSの負荷

これ、これまでダミーコードであるで解析されていない別の理由から

<comp> 
    {{ $ctrl.testing }} 
</comp> 

非作業JSコード：

angular 
     .module('Test', []) 
     .component('comp', { 
     controller: myCtrl, 
     }); 

function myCtrl() { 
    var model = this; 
    model.testing = '123'; 
} 

document.addEventListener('DOMContentLoaded', function() { 
    angular.bootstrap(document, ['Test']); 
}); 

そして、

angular 
    .module('Test', []) 
    .component('comp', { 
    controller: myCtrl, 
    template: '{{ $ctrl.testing }}', 
    }); 

function myCtrl() { 
    var model = this; 
    model.testing = '123'; 
} 

document.addEventListener('DOMContentLoaded', function() { 
    angular.bootstrap(document, ['Test']); 
}); 

Answer 1

あなたが親スコープを持つコンポーネントの内側のプライベートスコープを関連付けるためにバインディングを使用して必要なものを解決する：これは、私はそれが動作するにもかかわらず、避けたいものです。

JS

angular 
    .module('Test', []) 
    .component('comp', { 
    controller: myCtrl, 
    bindings: { 
     testing: '=' 
    } 
    }); 

function myCtrl() { 
    var model = this; 
    model.testing = '123'; 
} 

HTML

<comp testing="$ctrl.testing"> 
    {{ $ctrl.testing }} 
</comp> 

Plunkr例：[ '$の範囲：http://plnkr.co/edit/jLeDyBTFA9OU7oqK5HSI?p=preview