AnguarlJS路由,控制器未执行

时间:2015-05-04 18:49:31

标签: javascript html angularjs

我不确定我在这里做错了什么但是我无法让我的控制器执行控制台只显示路由器正在运行,即使我正在运行#/

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

app.controller('MainController', ['$scope', function($scope) {
    console.log('MainController Running');
    $scope.test = 'This is a test';
}]);

app.config(['$routeProvider',
    function($routeProvider) {
        console.log('Router Running')
        $routeProvider
            .when('/', {
                template: "{{test}}",
                controller: 'MainController'
            });
    }
]);

HTML文件

<div class="container" data-ng-app="app">
    <div class="row">
        <div class="col-md-12">
            <div date-ng-view style="border:1px solid red;height:50px;"></div>
        </div>
    </div>
</div>

1 个答案:

答案 0 :(得分:4)

安装程序看起来很好。看起来像是标记中的一个小错字。请注意以下内容......

<div date-ng-view>

=&GT;

<div data-ng-view>