Javascript 由于未知原因，无法在AngularJS partial中绑定html？

我有一个ng repeat，它使用一个部分html文件循环并显示页面中的项目，由于某些原因，部分中的变量不显示，但是变量{rule.name}显示在部分之外，它显示得很好

规则是一个数组，例如 规则[0]。名称=“我的第一条规则”； 规则[0]。desc='My first desc'； 规则[1]。名称='我的第二条规则'； 规则[1]。desc='My second desc'

<div ng-controller="RulesController" ng-if="hasManageRules" class="roles canvas-column">
<div ng-repeat="(ruleIndex, rule) in rules">
    {{rule.name}} // this shows the variable fine 
    <div ng-include src="'templates/partial/rule.html'"></div>
</div>

{{rule.name}}//这显示变量fine

//我的部分/rule.html文件：

<div ng-controller="RuleController" class="card-body no-hover form-group" ng-click="unfoldrule(ruleIndex)" ng-class="{'unfolded': rule.unfolded}">
<ng-form name="ruleForm">
    <div class="card-header">
        <div class="card-title" ng-if="!rule.unfolded" ng-bind-html="rule.name"></div>

---

有人能解释一下为什么出于某种原因rule.name变量没有显示在ng bind html上吗？

您不必在内部给出

ng controller=“RuleController”

---

rule.html文件。

我假设rules变量在模板的控制器范围内不可用，这就是它不在模板内加载的原因。如果您有一个设置规则变量的服务，请确保它是控制器定义的依赖项。然后从服务中设置$scope.rules=promise/variable。这应该能奏效。此外，正如@Nikhil所建议的，您不需要在html模板中包含控制器，正如您在主模板中曾经说过的那样。 希望这能有所帮助。

因为在包含的html中还有另一个“ng controller=“RuleController”-您正在使用它自己的数据创建新的作用域

---

尝试使用

ng model=“$parent.rule

访问数据，不要在子模板中使用

ng controller

。

规则是一个数组（上面添加了一个示例）可能想看看我对一个问题的答案。我不知道这是否有帮助。谢谢Nikhil！很快就会接受。仍在努力解决：）