应用程序网址是..index.html#/ signup而不是..index.html /#/ signup

时间:2015-11-24 18:03:54

标签: angularjs visual-studio-2013

我正在构建一个AngularJS(1.4.7)应用。我的注册网址应为....index.html/#/signup。但是,当我点击注册链接时,它会显示....index.html#/signup。单击注册按钮时,我的注册视图未加载。

我的app.js文件:http://pastebin.com/ZHZkUV7m
我的index.html文件:http://pastebin.com/SAkyYAWu
我的indexController:

'use strict'
app.controller('indexController', ['$scope', '$location', 'authService', function ($scope, $location, authService) {
    $scope.logot = function () {
        authService.logot();
        $location.path('/home');
    };
    $scope.authentication = authService.authentication;
}]);

其实我正在玩这篇博文:http://bitoftech.net/2014/06/09/angularjs-token-authentication-using-asp-net-web-api-2-owin-asp-net-identity/

1 个答案:

答案 0 :(得分:0)

这是实现ngRoute的一个非常小但又有效的例子:

http://plnkr.co/edit/dxo3ZUJIWLeFw9HXF80w

<强>的JavaScript

  angular.module('testModule', ['ngRoute'])
    .config(['$routeProvider', function ($routeProvider) {
        $routeProvider
          .when('/foo', {
              template: '<p>Foo</p>'
          })
          .when('/bar', {
              template: '<p>Bar</p>'
          })
          .when('/baz', {
              template: '<p>Baz</p>'
          })
          .otherwise({
              redirectTo: '/index.html'
          });
    }]);

<强> HTML

<body>
   <a href="#foo">Go to foo</a><br>
   <a href="#bar">Go to bar</a><br>
   <a href="#baz">Go to baz</a><br>
   <div ng-view></div>
</body>