Revel结合angularjs ngRoute，ng-view无法正常显示。

sephrouse

发布 2016-03-27 22:08

浏览 3180

回复 2

Revel

最近在用Revel和Angularjs搭建环境。

想用Angularjs的ng-view做SPA。

但似乎由于Revel有自己的route方法，所以用angular ng-route始终无法正确显示模板页面。

angularjs是1.4.7版本。

样例代码如下：

        <ul class="nav navbar-nav navbar-right">
            <li data-match-route="/"><a href="/"><i class="fa fa-home fa-fw"></i>&nbsp; Home</a></li>
            <li data-match-route="/Example"><a href="#example"><i class="fa fa-users"></i>&nbsp; Example</a></li>
            <li><a href="#"><i class="fa fa-sign-out"></i>&nbsp; Logout</a></li>
        </ul>
    </div>
</nav>

<div ng-view>

</div>

js

var nwapp = angular.module('nw', ['mgcrea.ngStrap', 'ngAnimate', 'ngSanitize', 'ngRoute']);

nwapp.config(['$routeProvider'], function($routeProvider) {
    $routeProvider.when('/', {
        templateUrl: '/',
        controller: 'main_control'
    }).when('/example', {
        templateUrl: 'example.html',
        controller: 'example_control'
    });
});

nwapp.controller('example_control', function($scope){

});

nwapp.controller('main_control', function($scope){

});

怎样才能让angular ng-route在revel下正常工作？是否目前的revel还不支持？
请指教。