Question

我想仅使用angular的路由功能来绑定视图和控制器，而不指示模板和ng-view。

这是我到目前为止所做的，并且运作良好。

的JavaScript

angular.module('myModule', [])
    .config([
        '$routeProvider', '$locationProvider',
        function ($routeProvider, $locationProvider) {
            $routeProvider
                .when('/home', {
                    controller:"myCtrl", template:"whatever"
                })
                $locationProvider.html5Mode(true);
                $locationProvider.hashPrefix('!');
        }
    ])
    .controller('myCtrl', function($scope){
angular.bootstrap(document, ['myModue'])

HTML

hello!
<div ng-view></div>

这就是我想要的，而且无法正常工作

的JavaScript

angular.module('myModule', [])
    .config([
        '$routeProvider', '$locationProvider',
        function ($routeProvider, $locationProvider) {
            $routeProvider
                .when('/home', {
                    controller:'myCtrl'
                })
                $locationProvider.html5Mode(true);
                $locationProvider.hashPrefix('!');
        }
    ])
    .controller('myCtrl', function($scope){})

angular.bootstrap(document, ['myModule'])

HTML

hello!

我该怎么做？

Answer 1

您尝试这样做的方式似乎与Single Page Application

的概念相冲突

然而，您想要以不同的方式做什么，Deep Linking食谱示例可能有助于为您提供一些启示：

http://docs.angularjs.org/cookbook/deeplinking

使用$ routeProvider而不在AngularJS中指定模板和ng-view

1 个答案: