javascript - ng-controller 内的 ng-include 无法正常工作

Question

我有一个 html 文件，里面有 ng-includes

<div ng-controller="MapMenuCtrl">
    <div class="mapMenu row">
        <ng-include src="'partials/mapMenu/filterDropdown.html'"></ng-include>
        <ng-include src="'partials/mapMenu/alertDropdown.html'"></ng-include>
        <ng-include src="'partials/mapMenu/investigationDropdown.html'"></ng-include>
    </div>
</div>

问题是我需要为每个 ng-include 使用 MapMenuCtrl。但是当它像示例中那样设置时，它会起作用，但只起作用了一半。例如，在这个文件之一中，我使用 ng-model 作为 MapMenuCtrl 的 $scope 变量之一，但它没有绑定(bind)。我试图为每个 ng-include 设置 Controller ，但它加载了 3 次，尽管我只需要 1 次。我希望你能理解我。我知道，我的英语很糟糕

Answer 1

ng-include 创建一个新范围。将一个对象放在 Controller 作用域上，并将所有可绑定(bind)的东西放入其中。例如，您可以将其称为模型。然后绑定(bind)应该按预期工作。

这里是我认为您面临的问题的详细信息的链接: Does my ng-model really need to have a dot to avoid child $scope problems?