我已經閱讀噸有關ng-include範圍問題,但似乎沒有解決我試圖做的簡單的事情。希望有人能澄清。 這是我試圖做的簡化版本,但是封裝了這個問題。不包括範圍
這裏的主網頁
<!DOCTYPE html>
<html lang="en" ng-app="MyApp">
<head >
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/simple-sidebar.css" rel="stylesheet">
</head>
<body>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/angular.min.js"></script>
<script>
var app = angular.module('MyApp', []);
</script>
<div ng-include="'/Menu.html'" ></div>
</body>
</html>
,這裏是Menu.html
<div id="sidebar-wrapper" ng-app="MyApp" ng-controller="MenuController">
<ul class="sidebar-nav">
<li class="sidebar-brand">
<a href="#">
Header
</a>
</li>
<li>
<a href="\Login.html">Sign In</a>
</li>
<li ng-repeat="menuItem in MainMenu.Labels">
<a href="#">{{menuItem}}</a>
</li>
</ul>
<script>
app.controller('MenuController', function($scope) {
$scope.MainMenu = {"Labels":["Status","Setup"]} // this code never executes
});
</script>
</div>
如何創建一個變量裏面menu.html
結合...我能做到這一點以外,但我們的引擎必應生成菜單時,該文件是請求..
我認爲'ngInclude'的一般用法是加載一個模板,最好是將模板與腳本分開。 –