2016-09-30 20 views
0

2つのコントローラがネストされたコンテナコンポーネントがあります。私は彼らがそう container -> component1container -> component2角度1.5のネスティングコンポーネント

思考の私の列車がここで私は私のコンテナコンポーネントに私のページからHTMLをtranscludeことができることだったように設定しています。 <container> <component1></component1> <component2></component2></container>

、その後<div ng-init="vm.init()" ng-transclude></div>

問題があるコンテナHTMLで、私のコンテナがすべてで実行されていない は、私はそのinit関数にコンソールログを追加し、何のコードが実行されていません。コンポーネント1とコンポーネント2はinitを実行します。

古い角バージョンを扱う大量のドキュメントと思われます。どのようにコンポーネントを入れ子にする必要があるかを教えてください。<div ng-controller="parentController"> <div ng-controller="childController"></div> </div

1.5でコンポーネントを互いに入れ子にする方法はありますか?

+0

[コンポーネントガイド]に変更細かい

<div ng-transclude ng-init="vm.init()"></div>

作業(HTTPS://docs.angularjs .org/guide/component)には入れ子のコンポーネントの例があります。ここでは、入れ子にされたコンポーネントについて多くの質問があります(関連するサイドバーを参照してください)。今、この質問はかなり広範で、特定の問題に対する具体的な答えではなく、チュートリアルを求めているようです。 –

+0

非常に参考になります... –

答えて

0

ng-initとng-transcludeを同じ要素に入れようとしていたようです。私の推測では、ng-transcludeはそれが置かれている要素のすべてを上書きするということです。

はので、私は別の要素にNG-INITを移動し、そのは

<div ng-init="vm.init()"> <section ng-transclude ></section> </div>

関連する問題