0

在使用 ASP.Net MVC 和 Angular 4 完成的项目中，我需要有多个布局，一个用于公共访问，另一个用于安全访问。

在 /Home/Index 上可用的 Home 控制器的 Index 操作中，我启动了 Angular 应用程序。我的 index.cshtml 文件在下面。

@{ 
    Layout = null;
}
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <script src="~/node_modules/core-js/client/shim.min.js"></script>
    <script src="~/node_modules/zone.js/dist/zone.js"></script>
    <script src="~/node_modules/systemjs/dist/system.src.js"></script>
    <script src="~/systemjs.config.js"></script>
    <script>
        System.import('../app/main').catch(function (err) { console.error(err); });
    </script> 
</head>
<body>
    <div>             
        <biz-app></biz-app>
    </div>
</body>
</html>

我的 app 文件夹结构如下图所示： app 文件夹结构

app
   layouts
       public.component.html
       public.component.ts
       secure.component.html
       secure.component.ts
   modules
       public
           login
               login.component.html
               login.component.ts
       secure
           dashboard
               dashboard.component.html
               dashboard.component.ts
           event
               event.component.html
               event.component.ts
   app.component.html
   app.component.ts
   app.module.ts
   app.routing.ts
   main.ts

我的要求是，当我进入仪表板或事件页面时，我需要有安全的布局，以及可公开访问的页面的公共布局。我的问题是，由于我正在编写 HTML 标记并从 /Home/Index 加载应用程序，如何为公共和安全布局页面提供单独的布局文件？

当原始 HTML 文件位于 app 文件夹之外时，如何将单独的 CSS 和 JS 加载到公共和安全布局中？

4

0 回答 0