angularjs - AngularJS - 将相同的控制器附加到多个 html 元素

Question

我有一个这样的示例 HTML，其中每个 div 代表大量的 html 代码。我需要将一段 html 代码附加到已经附加到一个 div 的控制器上。第一个和最后一个 div 代表相同的业务功能并且紧密耦合，因此我不能使用服务来共享状态。我正在寻找使用角度或 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>

Answer 1

您只需要将 ng-controller 附加到您想要的 div 上，如下所示：

<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>