Angular UI Router：无法在.config内部登录

Question

我一直在尝试链接一个简单的Angular应用程序的组件，但是似乎无法加载我的初始视图状态。 一个主要问题似乎是我什至无法登录我的.config设置（尽管确保语法上正确无误）。 据我所知（经过一些测试），我的所有文件都位于正确的位置。

有人看到任何明显的错误吗？

index.html：

<!DOCTYPE html>
<html>
  <head></head>
    <title>Thing</title>

  <body class="container">

    <div class="row">
      <div class="span12">
        <div class="well" ui-view></div>
      </div>
    </div>

    <!-- dependencies -->
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.10/angular.min.js"></script>
    <script src="//angular-ui.github.io/ui-router/release/angular-ui-router.js"></script>
    <!-- css files -->

    <!-- application files -->
    <script src="js/app.js"></script>
    <script src="js/payments.js"></script>

    <!-- Google Maps -->
     <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places"></script>
  </body>

</html>

app.js：

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

.config(function($stateProvider, $urlRouterProvider) {
  $urlRouterProvider.otherwise('/payments')
  // Now set up the states
  console.log("in config")

  $stateProvider
    .state('payments', {
      url: "/payments",
      templateUrl: "view/payments.html"
    })

});

Payments.html：

<h1>Payments Page</h1>
<div class="buttons">
  <button>Click Me!</button>
</div>

<div class="search"></div>

<div class="payments"></div>

Answer 1

很容易犯一个错误-您忘记了引导您的角度应用程序。

您需要在某处添加ng-app指令并将其指向您的模块。

例如

<html ng-app="paymentApp">

https://docs.angularjs.org/api/ng/directive/ngApp

Angular UI Router：无法在.config内部登录

问题描述

1 个解决方案

解决方案1
1 已采纳 2015-08-12 02:04:47

Angular UI Router：无法在.config内部登录

问题描述

1 个解决方案

解决方案1 1 已采纳 2015-08-12 02:04:47

解决方案1
1 已采纳 2015-08-12 02:04:47