javascript - `$scope` 数据未渲染

Question

默认情况下，我的范围内有一条消息。当我调用我的login页面时，我没有在html中收到message。

我不知道我错过了什么，请有人知道吗？

我的app.js:

'use strict';

angular.module('myNewApp', ['ngRoute'])
    .config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
        $routeProvider
            .when('/login', {
                templateUrl :   'js/scripts/views/login.html',
                controller:     'js/scripts/controllers/loginCont.js'
            })
            .when('/register', {
                controller: 'controllers/userRegisterCont.js'
            })
            .otherwise({
                redirectTo: '/login'
            });

            $locationProvider.html5Mode('true');

    }])

我的lognCont.js:

'use strict';

angular.module('myNewApp')
    .controller('loginCont', ['$scope', function ($scope) {
        $scope.message = "Welcome";
    }]);

我的登录html:

<h1>I am login here! {{message}}</h1>

这里还缺少什么？任何人都可以帮助我

由于我使用html5支持，URL仍然是# http://localhost:3000/#/login

Answer 1

您需要将已注册 Controller 的名称作为字符串传递，或者传递 Controller 函数本身。

所以这个:

        .when('/login', {
            templateUrl :   'js/scripts/views/login.html',
            controller:     'loginCont'
        })

应该可以