`$ scope`数据无法呈现

时间:2015-04-21 11:39:27

标签: javascript angularjs

默认情况下,我的范围内有message。当我拨打我的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支持,所以网址仍为# http://localhost:3000/#/login

1 个答案:

答案 0 :(得分:3)

您需要将已注册控制器的名称作为String或控制器函数自行传递。

所以这个:

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

应该有效