當使用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不起作用

回答

相關問題