Javascript Angular中的简单hash-bang示例。为什么它不起作用?

Javascript Angular中的简单hash-bang示例。为什么它不起作用?,javascript,html,angularjs,Javascript,Html,Angularjs,html: 请有人告诉我为什么我在链接之间点击时没有看到任何记录 我只找到了一个很好的示例,这就是我试图实现的,但没有效果:是的,您需要包括角度路由。另外,如果不提供某种模板,我也无法让它正常工作,但如果不提供模板,您的代码应该可以正常工作。下面是一个正在工作的JSFIDLE: routingExample.config(函数($routeProvider,$locationProvider){ $locationProvider.hashPrefix(“!”); $routeProvider

html:

请有人告诉我为什么我在链接之间点击时没有看到任何记录


我只找到了一个很好的示例,这就是我试图实现的,但没有效果:

是的,您需要包括角度路由。另外,如果不提供某种模板,我也无法让它正常工作,但如果不提供模板,您的代码应该可以正常工作。下面是一个正在工作的JSFIDLE:

routingExample.config(函数($routeProvider,$locationProvider){
$locationProvider.hashPrefix(“!”);
$routeProvider。
当(“/home”{
模板:“此处”,
控制器:“HomeController”
}).
当(“/关于”{
模板:“HERE2”,
控制器:“关于控制器”
}).
否则({
重定向到:'/home'
});

}))

你需要包括angular-route.js文件。我已经在本地完成了,当然我没有参与。请你能给我看看小提琴与日志工作你也需要ng应用程序。我试图修复小提琴,但出现了错误。现在还不确定,但我相信如果你要使用hashbang,那么你需要添加
$locationProvider.html5Mode(false)
$locationProvider.hashPrefix(“!”)之前。另外,如果你像
/foo
那样定义你的路线,那么我相信你的锚定标签也应该是
。我不能让你的小提琴演奏,不幸的是,我现在没有时间再看了。这些是我注意到的一些事情,尽管这可能会有所帮助
<a href="#!foo">foo</a>
<a href="#!bar">bar</a>
<div ng-view></div>
angular.module('theApp', ['ngRoute'])
    .config(function($routeProvider, $locationProvider)  {
        $locationProvider.hashPrefix('!');
        $routeProvider
            .when('/foo', {
                title: 'foo',
                controller: 'foo'
            })
            .when('/bar', {
                title: 'bar',
                controller: 'bar'
            })
    })
    .controller('foo', function(){
        console.log('foo');
    })
    .controller('bar', function(){
        console.log('GGGGG');
    });
routingExample.config(function ($routeProvider, $locationProvider) {
$locationProvider.hashPrefix('!');
$routeProvider.
when('/home', {
    template: '<div>HERE</div>',
    controller: 'HomeController'
}).
when('/about', {
    template: '<div>HERE2</div>',
    controller: 'AboutController'
}).
otherwise({
    redirectTo: '/home'
});