Question

我试图以角度方式创建投资组合，并且似乎无法使路由正确。我用之前制作的应用程序进行了双重检查，但似乎找不到任何东西。编译时，控制台中没有记录错误。有人可以检查我的代码是否正确布局？

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>my portfolio</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="stylesheet.css">

  <!-- <link href="https://fonts.googleapis.com/css?family=Titillium+Web:300' rel='stylesheet' type='text/css"> -->
  </head>

  <body np-app="myPort">
    <div id="navigation-bar">
      <ul>
        <li><a href="#/home">Home</a></li>
        <li><a href="#/projects">My Projects</a></li>
        <li><a href="#/contact">Contact</a></li>
      </ul>
    </div>

    <div ui-view></div>

    <!-- loading angular frameworks -->
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
    <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
    <!-- app js stuff -->
    <script src="app.js"></script>
  </body>
</html>

模块

angular.module('myPort', ['ui.router'])

.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state('home', {
            url: '/home',
            templateUrl: 'partials/bio/index.html',
          })

        .state('projects', {
            url: '/projects',
            templateUrl: 'partials/projects/index.html',
          })

        .state('contact', {
            url: '/contact',
            templateUrl: 'partials/contact/index.html',
        })

    $urlRouterProvider.otherwise('/home');
}]);
//no controllers linked for troubleshooting

Answer 1

定义ng-app时出现拼写错误。

将<body np-app="myPort>"更改为<body ng-app="myPort>"

需要帮助检查角度ui-router代码

1 个答案: