Angularjs 角度UI路由器非常基本的例子不工作？请参阅plunker的完整代码_Angularjs_Angular Ui Router

Angularjs 角度UI路由器非常基本的例子不工作？请参阅plunker的完整代码

angularjs

Angularjs 角度UI路由器非常基本的例子不工作？请参阅plunker的完整代码,angularjs,angular-ui-router,Angularjs,Angular Ui Router,角度UI路由器不工作？请在上查看我的代码我试图在AngularJS中运行一个非常基本的路由示例。但是welcomeView.html没有出现在页面上 (function() { "use strict" var app = angular.module("plunker", ["ui.router"]); app.config(["$stateProvider", "$urlRouterProvider", function($stateProvider, $urlRou

角度UI路由器不工作？请在上查看我的代码

我试图在AngularJS中运行一个非常基本的路由示例。但是

welcomeView.html

没有出现在页面上

(function() {
  "use strict"
  var app = angular.module("plunker", ["ui.router"]);

  app.config(["$stateProvider", "$urlRouterProvider",
    function($stateProvider, $urlRouterProvider) {
      $urlRouterProvider.otherwise("/");
      $stateProvider
        .state("home", {
          url: "/",
          templateUrl: "welcomeView.html"
        })
    }
  ]);
}());

有

首先，我们需要在模块中添加对app.js的引用

<head>
  ...
  <script src="app.js"></script> // was missing
  <script src="script.js"></script> 
 </head>

另一方面，app.js
应该包含

控制器：“…”

然后，在script.js
中，我们不能重新定义模块plunker（使用setter）——我们只能使用它（使用getter）

检查所有内容

非常感谢现在它在plunker中工作，但我不知道为什么它在我的项目中不工作我正在使用web storm editor。我明白了，但这主要取决于您。我不能查你当地的东西。您应该观察我所做的所有更改，使其运行。并在本地重新应用。老实说，这样我也潜入了UI路由器…如果我使用不同版本的angular和UI路由器，会不会引起任何问题？但现在我终于可以使用UI路由器了，非常感谢你的帮助。你为什么不使用最新版本？我强烈建议这样做。从长远来看，没有其他办法。总是最新的。那么，我的回答有帮助吗？解决了？是的，正如你所建议的，我在我的项目中做了所有的更改，它运行良好，没有任何问题。

//<body ng-controller="MainCtrl">
<body>

  $stateProvider
    .state("home", {
      url: "/",
      templateUrl: "welcomeView.html",
      // declare it here
      controller: "MainCtrl",
    })

// this would redefine the app.js stuff
//var app = angular.module('plunker', []);
// just a getter to get that module
var app = angular.module('plunker');

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';

});