Question

我的应用程序工作得很好，没有任何ng-app名称，当我说它没有工作！我正在使用角度版本1.2.6。这是我的代码示例

的index.html

<!doctype html>
<html ng-app="hiren">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="dist/css/bootstrap.min.css"></head>
<body>
  <div class="container">
    <div class="row">
      <div class="center-block">
        <div id="sidebar-left" class="col-lg-2 col-2" >
          <ul class="nav bs-sidenav">
            <li>
              <a href="#/x">Home</a>
              <a href="/">Playlist</a>
              <a href="/">Browse</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="row">
      <div class="col-md-4 col-md-offset-4" >
        <div class="ng-view"></div>
      </div>
    </div>
  </div>
  <script src="dist/js/angular.min.js"></script>
  <script src="dist/js/angular-route.min.js"></script>
  <script src="dist/js/controler.js"></script>
</body>
</html>

controler.js

var hirenx = angular.module('hiren',[]);

hirenx.config(['$routeProvider' ,
    function($routeProvider){
        $routeProvider
        .when('/x' ,{
            templateUrl: 'x.html' ,
            controller : 'hireny'
        })
        .otherwise({
            redirectTo: '/'
        });
    }]);

hirenx.controller('hireny' , function($scope){
    $scope.message = "example" ;
});

这是部分样本。 x.html

<h2>{{ message }}</h2>

Answer 1

从1.2开始，您需要在依赖项中包含ngRoute：

var hirenx = angular.module('hiren',['ngRoute']);

命名ng-app后会破坏代码

1 个答案: