问命名ng-app后，会破坏代码。
EN

Stack Overflow用户

提问于 2013-12-24 04:57:26

回答 1查看 467关注 0票数 0

我的应用程序工作很好，没有任何ng-应用程序名称，当我命名它的角度，不工作！我使用的是角版本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>

angularjs

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-12-24 05:14:04

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

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

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20755076

复制

相似问题

问命名ng-app后，会破坏代码。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问命名ng-app后，会破坏代码。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问命名ng-app后，会破坏代码。
EN