Angularjs 角度视图不使用两层URL显示_Angularjs

Angularjs 角度视图不使用两层URL显示

angularjs

Angularjs 角度视图不使用两层URL显示,angularjs,Angularjs,因此，我有一个angular应用程序，在我添加一个包含多个层的URL的视图之前，它工作得非常好。我改变了我的路由配置，改为一个单层，将原来的“/Contact/List”改为“/List”，它可以很好地访问api并提取数据使用两层URL，我在浏览器控制台中遇到一个无用的错误，如下所示： no element found abort:1:1 SyntaxError: expected expression, got '<'[Learn More] modernizr-2.8.3.js:

因此，我有一个angular应用程序，在我添加一个包含多个层的URL的视图之前，它工作得非常好。我改变了我的路由配置，改为一个单层，将原来的“/Contact/List”改为“/List”，它可以很好地访问api并提取数据

使用两层URL，我在浏览器控制台中遇到一个无用的错误，如下所示：

no element found  abort:1:1
SyntaxError: expected expression, got '<'[Learn More]  modernizr-2.8.3.js:1
SyntaxError: expected expression, got '<'[Learn More]  jquery-3.1.1.min.js:1
SyntaxError: expected expression, got '<'[Learn More]  owl.carousel.min.js:1
SyntaxError: expected expression, got '<'[Learn More]  angular.min.js:1
SyntaxError: expected expression, got '<'[Learn More]  angular-route.min.js:1
SyntaxError: expected expression, got '<'[Learn More]  bootstrap.min.js:1
SyntaxError: expected expression, got '<'[Learn More]  App.js:1
SyntaxError: expected expression, got '<'[Learn More]  FooterController.js:1
SyntaxError: expected expression, got '<'[Learn More]  BreadCrumbs.js:1
SyntaxError: expected expression, got '<'[Learn More]  HomeController.js:1
SyntaxError: expected expression, got '<'[Learn More]  AboutController.js:1
SyntaxError: expected expression, got '<'[Learn More]  ContactController.js:1
SyntaxError: expected expression, got '<'[Learn More]  NewsController.js:1
SyntaxError: expected expression, got '<'[Learn More]  ProductsController.js:1
SyntaxError: expected expression, got '<'[Learn More]  ServicesController.js:1
SyntaxError: expected expression, got '<'[Learn More]  SupportController.js:1
SyntaxError: expected expression, got '<'[Learn More]  ContactManagerController.js:1
SyntaxError: expected expression, got '<'[Learn More]  ProductSearchController.js:1

Use of getPreventDefault() is deprecated.  Use defaultPrevented instead.

ContactManagementController.js：

(function () {
    "use strict";

    angular.module("app")
        .controller("ContactMgmtCtrl", ContactMgmtCtrl);

    function ContactMgmtCtrl($http, $rootScope) {
        var model = this;
        model.pageName = "Contact List";
        $rootScope.page.setTitle(model.pageName);
        model.contacts = [];

        $http.get("/api/Contact/GetContacts")
               .then(function (response) {
                   console.log(response.data),
                   angular.copy(response.data, model.contacts);
               });
    }


})();

Layout.cshtml：

<!DOCTYPE html>
<html lang="en-US" ng-app="app">
<head>
    <meta charset="utf-8" />
    <base href="/" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title data-ng-bind="page.title"></title>
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/color-styles.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/app.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/footer.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/owl.carousel.min.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/owl.theme.default.min.css" rel="stylesheet" type="text/css" />
    <script src="~/Scripts/modernizr-2.8.3.js"></script>
</head>
<body>
    <div ng-include="'/App/Views/Shared/NavbarMain.html'"></div>

    <div>
        @RenderBody()
    </div>

<div ng-include="'/App/Views/Shared/MainFooter.html'"></div>

    <script src="~/Scripts/jquery-3.1.1.min.js"></script>
    <script src="~/Scripts/owl.carousel.min.js"></script>
    <script src="~/Scripts/angular.min.js"></script>
    <script src="~/Scripts/angular-route.min.js"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>
    <script src="~/App/Modules/App.js"></script>
    <script src="~/App/Controllers/Shared/FooterController.js"></script>
    <script src="~/App/Directives/BreadCrumbs.js"></script>
    <script src="~/App/Controllers/Home/HomeController.js"></script>
    <script src="~/App/Controllers/About/AboutController.js"></script>
    <script src="~/App/Controllers/Contact/ContactController.js"></script>
    <script src="~/App/Controllers/News/NewsController.js"></script>
    <script src="~/App/Controllers/Products/ProductsController.js"></script>
    <script src="~/App/Controllers/Services/ServicesController.js"></script>
    <script src="~/App/Controllers/Support/SupportController.js"></script>
    <script src="~/App/Controllers/Contact/ContactManagerController.js"></script>
    <script src="~/App/Controllers/Products/ProductSearchController.js"></script>
</body>
</html>


@RenderBody（）

Index.cshtml：

@{
    ViewBag.Title = "Something Here";
}

<div ng-view></div>

@{
ViewBag.Title=“此处某物”；
}

同样，当我将URL更改为“/ContactList”而不是“/Contact/List”时，此页面也可以正常工作。因此，这不是控制器的问题，我认为这不会上升到嵌套路由的级别，因为任何两层URL都会发生这种情况

非常感谢您的帮助。

请参阅您的_Layout.cshtml中的以下代码

<div>
    @RenderBody()
</div>


@RenderBody（）

您正试图通过您的链接导航到联系人/列表

但您尚未声明用户界面视图。因此，asp.net中的RouteConfig将占据上风

路径联系人/列表可能未已在Routeconfig.cs中指定，因此它将变成infinte刷新并失败。

请参阅您的_Layout.cshtml中的以下代码

<div>
    @RenderBody()
</div>


@RenderBody（）

您正试图通过您的链接导航到联系人/列表

但您尚未声明用户界面视图。因此，asp.net中的RouteConfig将占据上风

路径联系人/列表可能未已在Routeconfig.cs中指定，因此它变成infinte刷新并失败。

在加载时从何处获得错误。在我调用有问题的“/Client/List”URL之前，应用程序运行正常。然后这些错误会在浏览器中出现。你使用MVC吗？是的，我没有；不包括web.config详细信息，但使用HTML5，我已将所有页面发送至/并且除此异常情况外，所有页面都提供服务。每个非HTML文档都会出现此错误，这是获取HTML内容的常见线索（HTML文档中的第一个字符通常是

在加载时从何处获得错误？？应用程序运行正常，直到我调用有问题的“/Client/List”URL。然后这些错误会出现在browser.area中。您使用MVC吗？是的，我没有包含web.config的详细信息，但使用HTML5，我已将所有页面发送到/并且除此异常情况外，所有页面都会出现。您在每个非HTML文档中遇到的此错误是您获取HTML内容的一个非常常见的线索（HTML文档中的第一个字符通常是ng视图位于上面列出的index.cshtml中。那么_Layout.cshtml有什么用？只是默认为它。同样，每隔一页加载一次此异常的精细保存。将routeConfig中的URL改为“/联系人列表”而不是“/联系人/列表”页面服务完美，没有错误。抱歉。不要使用FBNG视图。该视图位于上面列出的index.cshtml中。那么，_Layout.cshtml有什么用？只是默认为它。同样，每隔一页加载一次此异常的精细保存。将routeConfig中的URL改为“/ContactList”而不是“/Contact/List”页面服务完美，没有错误。对不起，不要使用fb