代码之家  ›  专栏  ›  技术社区  ›  user266909

使用ajax.load()加载Angular 6 index.html模板

  •  1
  • user266909  · 技术社区  · 6 年前

    在ASP.net视图中,当单击某个链接或按钮时,它需要在模式DIV(而不是框架)中加载角度为5或6的应用程序。这类似于使用MVC控制器返回部分视图。我希望使用ajax.load('theAngularIndexHtml',{username:“aUsername”station:“aLocation”sta3n:“648”patientSID:“anId”patientIEN:“anIEN”patientName:“apatitename”patientSSN4:“unknown”notettitle:“Treatment Candidacy Note”>})来绕过控制器操作,而不是全部绕过控制器。这可能吗?如果是,如何将参数值设置为角应用根组件的属性。我需要删除html模板中除应用程序根以外的所有内容吗?Angular需要在头部加一个基标签,怎么处理?这是Angular index.html

    <!doctype html>
    <html lang="en">
    
    <head>
      <meta charset="utf-8">
      <title>Treatment Candidacy Note</title>
      <base href="/">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
      <link rel="icon" type="image/x-icon" href="favicon.ico">
    </head>
    
    <body>
      <app-root userName="aUsername" station="aLocation" sta3n="648" patientSID="anId" patientIEN="anIEN" patientName="aPatientName" patientSSN4="unknown" noteTitle="Treatment Candidacy Note">
      </app-root>
    </body>
    
    </html>
    ​
    1 回复  |  直到 6 年前
        1
  •  0
  •   Jameel Moideen    6 年前

    一个更好的解决方案是单一SPA框架,它可以帮助您引导任何流行的框架,比如Angular、Angular JS、React Vue,并在没有IFrame的情况下安装到div中 单水疗角 启动应用程序。如果没有boostrap角,组件将不会执行。

    https://single-spa.js.org/docs/getting-started-overview.html

    https://github.com/CanopyTax/single-spa-angular

    https://medium.com/canopy-tax/a-step-by-step-guide-to-single-spa-abbbcb1bedc6

    为了传递值,可以创建自己的事件/订阅机制,也可以使用redux或其他库。在他们的github中,他们已经在解释这一点。

    现场演示

    https://single-spa.surge.sh/