角度指令模板未加載
[英]angular directive template not loading
問題描述
我的角度指令模板未加載到我的應用中。 該指令的js文件可以很好地加載，但html除外。 我檢查了螢火蟲中的“網絡”選項卡，也沒有在那里調用它。 我目前沒有任何錯誤。
這是我的指令js：
angular.module('Grid')
.directive('grid', function() {
return {
restrict: 'A',
require: 'ngModel',
scope: {
ngModel: '='
},
templateUrl: 'scripts/grid/grid.html'
}
});
這是我的指令html：
<div id="game">
<div class="grid-container">
<div class="grid-cell" ng-repeat="cell in ngModel.grid track by $index"></div>
</div>
<div class="tile-container">
<div tile ng-model="tile" ng-repeat="tile in ngModel.tiles track by $index"></div>
</div>
終於這是我的index.html它應該去的地方
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2048</title>
<link rel="stylesheet" type="text/css" href="styles/game.css" />
<script type="application/javascript" src="scripts/libraries/angularjs.js" ></script>
<script type="application/javascript" src="scripts/app.js"></script>
<script type="application/javascript" src="scripts/game/game.js"></script>
<script type="application/javascript" src="scripts/grid/grid.js"></script>
<script type="application/javascript" src="scripts/grid/grid_directive.js"></script>
</head>
<body ng-app="twentyApp">
<!-- header -->
<div class="container" ng-include="'views/main.html'"></div>
<!-- script tags -->
<div id="game-controller">
<div grid ng-model="ctrl.game" class="row"></div>
</div>
</body>
</html>
該應用已被分解為多個模塊，作為新的推薦結構
2 個解決方案
解決方案1
3 已采納 2014-09-10 15:39:45
grid模塊必須是您的twentyApp模塊的依賴項。
angular.module('twentyApp', ['grid'])
解決方案2
0 2014-09-10 16:03:34
您確定正在加載Grid模塊嗎？ 嘗試這個：
angular.module('Grid', [])
.directive('grid', function() {
模板未按angular 1.5指令加載
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.