应用程序如何支持Asp.net-MVC路由和角度2路由

时间:2016-11-08 06:33:30

标签: asp.net-mvc angular

我在VS2015中的Asp.Net-MVC中创建了一个应用程序。我希望该应用程序应该支持MVC路由和Angular 2路由。

  

我需要菜单栏的MVC路由和向导的Angular 2路由   目前每页都位于图片下方。

Wizard

我已经阅读了各种文章,最后在我的RouteConfig.cs文件中使用了以下代码:

(function ($) { 
    function FillSystem() {     

        var _scopeId = $(this).val();   
        var _roleId = $('#Role_Id').val();  
        var $row = $(this).closest("tr");   

        $.ajax({
            url: '/Account/FillSystem',
            type: "GET",
            dataType: "JSON",
            data: { scopeId: _scopeId, roleId: _roleId },
            success: function (systems) {
                $("#SystemId", $row).html(""); // clear before appending new list
                $.each(systems, function (i, system) {
                    $("#SystemId", $row).append(
                        $('<option></option>').val(system.System_Id).html(system.SystemName));
                });
            }
        });
    }

    $(function () { 

        $("table").on("change", "#ScopeId", FillSystem)
    });

}(jQuery));

但这不能正常运作。当我从Home / Index转到Home / Contact时,它不应该考虑角度2路由。但它正在考虑角度2路由并显示错误:

  

错误:无法匹配任何路线:&#39;主页/联系人&#39;(...)

下面是截图:

Erros

我怎样才能使应用程序与两种路由兼容。感谢

1 个答案:

答案 0 :(得分:2)

可能有一个解决方法,就像在这个问题的答案中已经描述的那样:How to use ASP.NET MVC and AngularJS routing?

因此,简而言之,定义一个可以捕获用于mvc控制器的URL的路由,即添加前缀

 <RelativeLayout
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="0.4"
            android:orientation="vertical"
            android:layout_gravity="center">
            <RatingBar
                android:id="@+id/ratingRestaurant"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                style="@style/CustomRatingBar"
                android:numStars="5"
                android:stepSize="0.1"
                android:isIndicator="true"
                android:max="5"
                android:progress="3"
                android:layout_centerVertical="true"
                android:progressTint="#ffe4b331" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="No rating available"
                android:textColor="@android:color/white"
                android:textSize="11dp"
                android:id="@+id/textViewNoRatingAvailable" />
 </RelativeLayout>