我一直在尝试编写一个简单的angular.js应用程序,使用ng-include包含另一个文件。我肯定做错了什么/漏掉了什么,因此被包含的文件未被包含。我肯定是做错了基本的事情,但看不出来错在哪里。
这里是Index.html:
<!DOCTYPE html>
<html>
<head ng-app="app">
<title>Demo</title>
<script data-require="angular.js@1.2.0" data-semver="1.2.0" src="http://code.angularjs.org/1.2.0/angular.js"></script>
<script data-require="angular-resource@1.2.0" data-semver="1.2.0" src="http://code.angularjs.org/1.2.0/angular-resource.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div ng-controller="appctrl">
<h1>Airports</h1>
<div ng-include="'extra.html'"></div>
<h1>Airports</h1>
</div>
</body>
</html>
文件extra.html包含要包含的元素
<h2>Inside</h2>
script.js是用来初始化Angular的文件
(function () {
'use strict';
var app = angular.module('app', []);
app.run(['$route', function ($route) { // Include $route to kick start the router.
}]);
angular.module('app').controller('appctrl', [function AppCtrl() { }]);
});
我创建了一个Plunk来演示我的意思。里面没有太多东西,只定义了ng-app,引用了angular文件并且加上一些标题来区分插入点。这之间没有任何内容显示。
在angular.js中,使用ng-include的最简单方法是什么?