0
ブラウザにアプリケーションをロードするとエラーが発生します。私は私が間違ってやっているのか分からないし、すべてのmyfilesが発見され、エラーは404エラーがUncaught SyntaxError：予期しないトークン<およびエラーなし404
Uncaught SyntaxError: Unexpected token <
ExtensibleNavBarDirective:1 Uncaught SyntaxError: Unexpected token <
angular.min.js:17 Uncaught Error: No module: DashboardAppUIModule
エラーは私のindex.html
<!DOCTYPE html>
マイ指令のこの行で発生しません.jsファイルは同じディレクトリに
define(['angular','ui/module'],function(angular){
angular.module('DashboardAppUIModule').directive("extNavBar", function() {
return {
restrict: "E", // directive is an Element (not Attribute)
templateUrl: "ExtensibleNavBarTemplate.html",
replace: true, // replace original markup with template
transclude: false // do not copy original HTML content});
}
});
})
私のhtmlです
<nav class="navbar">
<div class="navbar-inner">
<ul class="nav nav-list">
<li><a href="#/home"> <i class="icon-home"></i></a></li>
</ul>
<ul class='nav nav-list' ng-repeat='module in modules'>
<li ><a href='#/{{module.moduleNamespace}}/main'>{{module.moduleLabel}}</a></li>
</ul>
<!--<ul class="nav nav-list" ng-repeat="module in modules" >
<li ><a href="#/{{module.moduleNamespace}}/main">{{module.moduleLabel}}</a></li>
</ul>-->
<form class="navbar-search pull-right">
<input type="text" class="search-query" placeholder="Search">
</form>
</div>
マイmodule.js
define(['angular'],function(angular){
return angular.module('DashboardAppUIModule',['ui.bootstrap']);
});
、最終的には私のmodules.json
{
"moduleName": "DashboardAppUIModule",
"moduleLabel": "ui",
"moduleNamespace": "ui",
"moduleStates": [
{
"stateName": "ui",
"abstract": true,
"url": "/ui",
"templateUrl": "/app/extensionModules/ui/views/main.html"
},
{
"stateName": "ui.main",
"abstract": false,
"url": "/main",
"templateUrl": "/app/extensionModules/ui/views/ui.main.html"
},
{
"stateName": "ui.title",
"abstract": false,
"url": "/title",
"templateUrl": "/app/extensionModules/ui/views/ui.title.html"
}
],
"moduleDependencies": null,
"moduleExports": [
"/module",
"/ExtensibleNavBarDirective"
],
"scriptDependencies": null
}