错误:“模块'ui.router'不可用!”

时间:2019-01-02 19:45:49

标签: angularjs

Angular JS的新手。不明白为什么不注入ui-router。 这是我的index.html

<!DOCTYPE html>
<html ng-app='myapp'>
	<head>
	</head>
 	<body>
  	</body>


	<script src='node_modules/angular/angular.js'></script>
	<script type="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.20/angular-ui-router.js"></script>
	<script src='app/app.js'></script>

</html>

这是我的app.js

(function(){
	//allows angular to run
	angular.module('myapp', ['ui.router']);
}());

2 个答案:

答案 0 :(得分:0)

因为错过了src,所以您写了type

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.20/angular-ui-router.js"></script>

答案 1 :(得分:0)

您基本上没有在src标签中使用<script>, 另外,您需要指定config,这是使用ui.router的示例:

(function(){
  //allows angular to run
  var myapp = angular.module('myapp', ["ui.router"]);

    myapp.config(function($stateProvider, $urlRouterProvider){


      $urlRouterProvider.otherwise("/")

      $stateProvider
            .state('home', {
            url: "/",
            templateUrl: "home.html"
        })
        .state('detail', {
            url: "/detail",
            templateUrl: "details/detail.html"
        })

    });



  })();

实时示例:http://next.plnkr.co/edit/kHa07oBwnrmxnQ8w?preview