Question

我希望在mvc5中有一个包含多个部分页面的简单单页面应用程序。所以我设置了一个溃败配置和控制器，就像你在下面看到的那样。但我的链接没有成功，他们没有在<ng-view>中显示其他部分内容。我知道问题的原因！...

当我点击此路线的链接时：http://localhost:33087/CrudDemoApp.html#!/它会转到此处：http://localhost:33087/CrudDemoApp.html#!/#Test并且此网址错误！正确的网址是：http://localhost:33087/CrudDemoApp.html#!/Test 就像你看到它不包含任何#字符！

当我在地址栏中手动输入正确的URL ...正在进行中！所以......

如何在我的链接中删除这个额外的＃url ????????

这是我的应用和路由配置：

var app2 = angular.module('customersApp', ['ngRoute']);

app2.config(['$routeProvider', function ($routeProvider) {

    $routeProvider.when('/', {
        controller: 'customersController',
        templateUrl: '/Partials/customers.html'
    }).
    when('/Test', {
        controller: 'customersController',
        templateUrl: '/Partials/Test.html'
    })


  .otherwise({ redirectTo: '/' });

}]);

我在我的html中设置了这样的容器：

<!DOCTYPE html>
<html>
<head>
    <title>Crud</title>
    <meta charset="utf-8" />
    <script src="Scripts/angular.min.js"></script>
    <script src="Scripts/angular-route.min.js"></script>
    <script src="Scripts/Ang/app.js"></script>
    <script src="Scripts/Ang/controllers.js"></script>
</head>
<body ng-app="customersApp">
<a href="#Test" >TestLink</a> //How to set this links href??
<ng-view>

</ng-view>
</body>
</html>

Answer 1

您的代码是对的。

您能否确认我使用的是angular.js和angular.route.js的哪个版本？我猜你已经使用了版本1.6的角度js。

我建议请使用angular.min.js版本v1.5.11和angular.route.js v1.4.1。

如何链接到angularjs中的其他部分

1 个答案: