Question

每当我点击指向部分视图的链接时（我希望它显示在带有＆＃39; ng-view＆＃39;标记的div内的同一页面上），将在新页面中打开部分视图。

这是我的索引页面（它在内部布局页面中呈现）。

＆＃13;

<div ng-app="ProductsModule">
    <div>
        <div>
          <a href="addproductpartial" target="_self"> Add Product </a>
        </div>     
    <div>
      <div ng-view></div>
    </div>
</div>

＆＃13;

这是我的angularjs路由脚本

＆＃13;

angular.module("ProductsModule", ['ngRoute', 'ngAnimate', 'ui.bootstrap'])
    .config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
    $routeProvider.when('/addproductpartial',
        {
            templateUrl: 'Home/AddProductPartial',
            controller: 'AddProductsController'
            });

    $locationProvider.html5Mode({
        enabled: true,
        requireBase: false
    });
}]);

＆＃13;

和MVC控制器

public class HomeController : Controller
{
    // GET: Home
    public ActionResult Index()
    {
        return View();
    }

    public ActionResult AddProductPartial()
    {
        return PartialView("AddProductPartial");
    }
}

编辑1

它的工作原理，但仅适用于MVC控制器名称。例如， .when（＆＃39; / Home＆＃39; ...有效，但是。（＃39; / Home / Index＆＃39; ...或.when（＆＃39; / Index＆＃39; ..没有。

Answer 1

将链接更改为：

<a href="#!addproductpartial" target="_self"> Add Product </a>

（在'href'开头加上'＃！'）

Angularjs路由不适用于ASP.NET MVC

1 个答案: