角度模块注入误差(角1.5)
角度模块注入误差(角1.5)
提问于 2017-04-08 16:53:11
我定义了一个示例项目结构来测试ngComponentRouter。以下是以下文件，
我可能错过了一些基本的东西。
Index.html
<h1 class="title">Component Router</h1>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<!-- Load up the router library - normally you might use npm/yarn and host it locally -->
<script src="https://unpkg.com/@angular/router@0.2.0/angular1/angular_1_router.js"></script>
<script src="./app.js"></script>
<script src="./crisis.js"></script>
</head>
<body ng-app="app">
<mycomp><mycomp>
</body>app.js
angular.module('app', ['ngComponentRouter','crisis-center'])
.value('$routerRootComponent', 'mycomp')
.component('mycomp', {
template:
'<nav>\n' +
' <a ng-link="[\'CrisisCenter\']">Crisis Center</a>\n' +
' <a ng-link="[\'Heroes\']">Heroes</a>\n' +
'</nav>\n' +
'<ng-outlet></ng-outlet>\n',
$routeConfig: [
{path: '/crisis-center', name: 'CrisisCenter', component: 'crisisCenter'},
{path: '/heroes', name: 'Heroes', component: 'heroes' }
]
});和，crisis.js
看上去像是：
angular.module('crisis-center', [])
.component('crisisCenter', {
template: '<h2>Crisis Center</h2>'
+'<div><button ng-click="vm.navigate()"</div>',
controllerAs: "vm",
controller: [ "$rootRouter",function($rootRouter){
var vm = this;
vm.navigate = fucntion() {
console.log("In Navigate");
$rootRouter.navigate(["SampleCrisis"]);
};
// return vm; -- Not sure about it
}]
});控制台中的错误如下：
crisis.js:8 Uncaught SyntaxError: Unexpected token {
angular.js:38 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.6/$injector/modulerr?p0=app&p1=Error%3A%20%…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.5.6%2Fangular.min.js%3A21%3A332)
at angular.js:38
at angular.js:4630
at q (angular.js:322)
at g (angular.js:4591)
at db (angular.js:4513)
at c (angular.js:1777)
at Ac (angular.js:1798)
at fe (angular.js:1683)
at angular.js:31018
at HTMLDocument.b (angular.js:3197)回答 1
Stack Overflow用户
回答已采纳
发布于 2017-04-08 16:57:52
实际上有一个错误，在crisis.js line.no 8中应该是函数，而不是函数。
修改如下，
angular.module('crisis-center', [])
.component('crisisCenter', {
template: '<h2>Crisis Center</h2>' +
'<div><button ng-click="vm.navigate()"</div>',
controllerAs: "vm",
controller: ["$rootRouter", function ($rootRouter) {
var vm = this;
vm.navigate = function () {
console.log("In Navigate");
$rootRouter.navigate(["SampleCrisis"]);
};
return vm;
}]
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43297834
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号