为什么这个简单的UI-Router示例不起作用?

时间:2016-10-13 20:25:12

标签: angularjs angular-ui-router

我对提出这样一个问题感到内疚......不过,这里仍然存在 我有一个相当基本的UI-Router示例,但是对于我的生活,我无法让它工作。

身体看起来像这样:

 <body>
    <nav class="navbar navbar-inverse">
      <div class="container">
        <a ui-sref="home" class="navbar-brand">My Product</a>
      </div>
    </nav>
    <div class="container">
      <div ui-view></div>
    </div>
  </body>

该应用。 js模块看起来像这样

(function(){
    //Module Declaration
  var app = angular.module("movieViewer", ["ui.router"]);


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

}());

相当简单,但它不起作用。将会对此表示赞赏。

Plunk here

1 个答案:

答案 0 :(得分:1)

您需要在ng-app标记上添加模块名称为movieViewer的{​​{1}}指令,以启动页面上的角度。

html

Demo Here