Question

所以我是Angular的新手，我一整天都在努力让ngRoute工作而没有任何成功。所以我决定尝试使用ui-router，但这也不适用于我。（angularjs 1.5.0）

的index.html

<!DOCTYPE html>
<html ng-app="MyApp">
<head>
    <title>My app</title>
    <script src="js/libs/angular.min.js"></script>
    <script src="js/libs/angular-ui-router.min.js"></script>
    <script src="js/main.js"></script>
</head>
<body>
    <div ui-view></div>
    <a ui-sref="state1">State hello</a>
    <a ui-sref="state2">State show</a>
</body>
</html>

main.js

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

myApp.config(function($stateProvider, $urlRouterProvider)
{
    $urlRouterProvider.otherwise("/state1");

  $stateProvider
    .state('state1', {
      url: "/state1",
      templateUrl: "partials/hello.html"
    })
    .state('state2', {
      url: "/state2",
      templateUrl: "partials/show.html"
    });
});

hello.html＆amp; show.html

<div>{{"hello"}}</div>

加载index.html时出现此错误：

angular.min.js:6 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.0/$injector/modulerr?p0=MyApp&p1=Error%3A%2…

Answer 1

您使用了错误的模块名称。

<html ng-app="MyApp">

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

将您的模块名称更改为＆＃34; MyApp＆＃34;在你的js文件中。即

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

ui-sref没有生成工作href

1 个答案: