gpt4 book ai didi

javascript - $注入(inject)器:modulerr error in angularjs (angular-ui-router)

转载 作者:行者123 更新时间:2023-12-01 03:53:59 25 4
gpt4 key购买 nike

我正在尝试在 Angular JS 中加载带有 ui-router 的模板。这些是我的 html 和 js 文件。

   <!DOCTYPE html>
<html>
<head>
<title>AngularJS UI Routing</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body ng-app="app">
<a href='#/first-msg'>link</a>
<div ui-view></div>

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.4.2/angular-ui-router.js"></script>
<script src="application.js"></script>
</body>

</html>

application.js

   var app = angular.module('app', []);
app.config(['$stateProvider', function($stateProvider) {
$stateProvider.state('firstMessage', {
url: '/first-msg',
template: '<strong>hi this is 1st message</strong>'
});
}])

最佳答案

您需要将 ui.router 注入(inject)到模块中,

   var app = angular.module('app', [ui.router]);

演示

var app = angular.module('app', ['ui.router']);
app.config(['$stateProvider', function($stateProvider) {
$stateProvider.state('firstMessage', {
url: '/first-msg',
template: '<strong>hi this is 1st message</strong>'
});
}])
<!DOCTYPE html>
<html>
<head>
<title>AngularJS UI Routing</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body ng-app="app">
<a href='#/first-msg'>link</a>
<div ui-view></div>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.4.2/angular-ui-router.js"></script>
</body>
</html>

关于javascript - $注入(inject)器:modulerr error in angularjs (angular-ui-router),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42927758/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com