Angular，ng-href使页面刷新

Question

我在angularjs中使用ng-route来切换beteen视图，我让它工作，示例代码如下：

HTML：   映射    新产品 angularjs

.config(function ($routeProvider) {
$routeProvider
    .when("/", {
        templateUrl: "/MbfProduct/Main"
    })
    .when("/Mappings", {
        templateUrl: "/Mappings"
    })
 .when("/Products", {
     templateUrl: "/Products"
 })     

}）

所以一切都好，只需要添加＆＃34;＃＆＃34;在ng-href属性中，因此页面不会刷新。

所以我的问题是如何才能得到结果，我的意思是没有页面刷新，没有＃39;＃＆＃39;在href？

Answer 1

您可以在控制器中编写一个更改视图的功能。您必须使用$location提供程序在视图之间切换。有一个名为path的方法可以进行切换。

像这样。

app.controller("TestCtrl", function($scope, $location){

 $scope.changeView = function(){
    $location.path("/Mappings");
 }
})

并在changeView锚标记上调用ng-click函数，然后只删除ng-href标记。如果这不起作用，您也可以使用ng-href="javascript:void(0)"来为锚标记提供无效链接。