Question

我的问题是在angularjs中使用模板Url。

因此，当我将此代码放入我的编辑器并运行它时，它可以完美地运行：

HTML：

<!DOCTYPE html>
<html lang= "en">

<head>
    <meta charset="UTF-8" />
    <title>Angular Js</title>

    <script type = "text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <script src = "https://rawgit.com/nirus/Angular-Route-Injector/master/dist/routeInjector.js"></script>
    <script type="text/javascript" src="main.js"></script>
</head>

<body ng-app = "app">
  <div ng-view></div>
</body>
</html>

JS：

var app = angular.module('app', [])

app.config(function($routeProvider){

  $routeProvider.when('/', {
    template: 'page',

  })

  .when('/helloUser', {
      template: "ds"

  })

  .otherwise({
    redirectTo: '/'
  })

})

一切正常，但是一旦我尝试放一个模板，这就是我的示例代码：

的index.html

<!DOCTYPE html>
<html lang= "en">

<head>
    <meta charset="UTF-8" />
    <title>Angular Js</title>

    <script type = "text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <script src = "https://rawgit.com/nirus/Angular-Route-Injector/master/dist/routeInjector.js"></script>
    <script type="text/javascript" src="main.js"></script>
</head>

<body ng-app = "app">
  <div ng-view></div>
</body>
</html>

page.html中：

Hello World

main.js：

var app = angular.module('app', [])

app.config(function($routeProvider){

  $routeProvider.when('/', {
    templateUrl: 'page.html'

  })

  .when('/helloUser', {
      template: "ds"

  })

  .otherwise({
    redirectTo: '/'
  })

})

编辑：

1 投票接受您必须注入ngRoute模块：

var app = angular.module（＆＃39; app＆＃39;，[＆＃39; ngRoute＆＃39;]）

不工作：

Answer 1

您必须注入ngRoute模块：

<script src="angular-route.js">
var app = angular.module('app', ['ngRoute'])

未捕获错误：未知提供商：$ rootScopeProvider＆lt; - $ rootScope

1 个答案: