2

各 div が大量の html コードを表す、このようなサンプル HTML があります。1 つの div に既にアタッチされているコントローラーに html コードをアタッチする必要があります。最初と最後の div はどちらも同じビジネス機能を表し、密接に結合されているため、サービスを使用して状態を共有することはできません。angular または ui ルーティングを使用する以外の解決策を探しています。

<div ng-controller='newController'>
<label>{{greeting}}</label>
</div>

<div>
<!-- Another Big HTML element -->
</div>

<div>
<!-- This is some popup dialog code which should be attached to the scope of newController -->
<label>{{greeting}}</label>
</div>
4

1 に答える 1

4

次のように、必要な div に ng-controller をアタッチするだけです。

<div ng-controller='newController'>
    <label>{{greeting}}</label>
</div>

<div>
    <!-- Another Big HTML element -->
</div>

<div ng-controller='newController'>
    <!-- This is some popup dialog code which should be attached to the scope of newController -->
    <label>{{greeting}}</label>
</div>
于 2016-03-18T15:27:08.617 に答える