Question

所以我试图用一个简单的ng-view在另一个partial中包含一个partial但它抛出了这个错误：错误：[$ rootScope：infdig] 10 $ digest（）迭代达到了。中止！我已经对它进行了一些研究，根据我所读到的，这是由于在页面加载时尝试更改某些模型数据引起的。尽管如此，我还没有使用任何模型，我在这里尝试使用的唯一内容是ng-include本身。这是代码：

<section id = "content">
 <div ng-include = "template.url"></div>
</section>

在我的控制器文件中：

$scope.templates = [
  {'name' : 'partial2.html', 'url' : 'partial2.html'},
  {'name' : 'partial3.html', 'url' : 'partial3.html'}
];

$scope.template = $scope.templates[0];

我的partial2.html代码：

<form name = "frmSelect" id = "frmSelect" method = "post" class = "content-space">
 <select id="providers" name = "providers" class = "form-control" ng-model = "provider">
  <option>Account1</option>
  <option>Account2</option>
  <option>Account3</option>
  <option>Account4</option>
 </select>
</form>

注意：我已经尝试删除ng-model但输出仍然相同。

有关此错误的任何想法？

Answer 1

你应该使用一个函数：

在视图中：

<section id = "content">
  <div ng-include  src = "templateUrl()"></div>
</section>

控制器将是这样的：

$scope.templateUrl = function() {
   return  $scope.templates[0].url;
}

This is a working example

ng-include的问题

1 个答案: