当使用ng-include时，ng-repeat不起作用

我正在学习使用Angular编写代码。我正在尝试执行文件myTable.htm中的ng-repeat，该文件包含在主html文件1.html中，但这不起作用。当使用ng-include时，ng-repeat不起作用

1.HTML

<!DOCTYPE html> 
<html> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 

<body> 
<div ng-app=""> 
    <div ng-include="'myTable.htm'"></div> 
</div> 

<p>The HTML, and AngularJS code, for this table are located in the file "myTable.htm".</p> 

</body> 

</html>

myTable.htm

<div ng-app="myApp" ng-controller="myCtrl"> 

<select ng-model="selectedName" ng-options="x for x in names"> 
</select> 
<script> 
var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope) { 
    $scope.names = ["Emil", "Tobias", "Linus"]; 
}); 
</script> 
</div>

如果我添加<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>到myTable.htm和执行myTable.htm然后我得到的值在选择框中。但是，当我执行1.html时，它不会填充。

任何人都可以告诉我我做错了什么或者我试图做的事情是否可能？

来源

2017-04-15 swithen colaco

删除它尝试删除'纳克-app =“myApp”ng-controller =“myCtrl”'from myTable' –

@HadiJeddizahed从myTable中删除了'ng-app =“myApp”ng-controller =“myCtrl”'，它没有工作 –

抱歉。我忘了完成它。然后将其添加到主html文件。这里'1.html' –

您必须只在first.html定义的NG-应用

<div ng-app="myApp">

从myTable.htm

<div ng-controller="myCtrl">

DEMO

来源

2017-04-15 17:50:13 Sajeetharan

我做了你所说的。选择框不会出现在屏幕上做出更改 –

@swithencolaco检查演示 – Sajeetharan

我认为这是更好的添加控制器'ng控制器=“myCtrl”'到主要的HTML –

当使用ng-include时，ng-repeat不起作用

回答

相关问题