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';
  });

我完全不知道为什么会失败，页面上没有任何内容。我期待＆＃34;你好，每个人＆＃34;。

任何帮助都会受到赞赏。

Answer 1

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

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

角度路由不填充ng-view

1 个答案: