角路由未填充ng-view

Question

我的问题是我的路由未填充我的视图。

我从Xampp本地服务器运行以下代码：

角1.4.9

index.html：

<html>
  <head>
    <script src="scripts/angular.js" type="javascript/text"></script>
    <script src="scripts/Ng-Route.js" type="javascript/text"></script>
    <script src="scripts/app.js" type="javascript/text"></script>
  </head>
  <body ng-app="myApp">
  <div ng-view></div>
  </body>
</html>

user.html：

<div>
  <fieldset>
    Hello, {{ctrl.message}}
  </fieldset>
</div>

app.js：

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

app.config(function($routeProvider) {
    $routeProvider
        .when('/', {
            templateUrl : 'user.html',
            controller  : 'controller as ctrl'
        });

        $routeProvider.otherwise({ redirectTo: '/' });
});

app.controller('controller', function() {
    var self = this;
    self.message = 'Everyone';
  });

我完全不知道为什么会失败，页面上没有任何显示。 我期待着“大家好”。

任何帮助，将不胜感激。

Answer 1

您错误地在路线上声明了控制器。 controller确实接受string / controller function控制器名称。 并使用controllerAs选项为控制器命名。

$routeProvider
    .when('/', {
        templateUrl : 'user.html',
        controller  : 'controller',
        controllerAs: 'ctrl'
    });

角路由未填充ng-view

问题描述

1 个解决方案

解决方案1
1 2016-02-21 20:02:42

角路由未填充ng-view

问题描述

1 个解决方案

解决方案1 1 2016-02-21 20:02:42

解决方案1
1 2016-02-21 20:02:42