Question

我有一个像这样的HTML示例，其中每个div代表大量的HTML代码。我需要将一段html代码附加到已连接到一个div的控制器上。第一个和最后一个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>

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>

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

1 个答案: