【问题标题】:how to show content in p-dialog from html static file in angular如何以角度的html静态文件在p对话框中显示内容
【发布时间】:2018-06-06 09:04:15
【问题描述】:

我尝试了很多方法,但没有任何效果。在我的情况下,不会有 html 文件的链接。我必须在 html 文件的 p 对话框中显示内容。

静态内容 html 文件与另一个在其他地方使用的 html 文件映射。我必须获取该文件,并且一个参数将在 html 文件内容中是动态的。

我正在尝试这样的事情。

 <p-dialog [(visible)]="isClicked" [resizable]="true">      
    <div [innerHTML]="data/SAM3.html"></div>
</p-dialog>

每个时间值都是动态的,如 SAM3、SAM4 等。

任何人都可以提供帮助。

注意 -> 我正在使用 Angular 5。

【问题讨论】:

  • 看看这个SO 帖子。
  • 谢谢,Antikhippe。
  • 仍然给出问题“输入意外结束”我认为是因为它的 html 文件并且无法加载 html 文件。我的代码this.http.get('/assets/data/'+this.policyName+'.htm') .map((html:any) =&gt; this.myTemplate = html).subscribe(result =&gt; this.myTemplate =result); console.log(this.myTemplate) &lt;div [innerHtml]="myTemplate"&gt; &lt;/div&gt; 我在链接中也尝试了同样的方法,但也无法正常工作:(
  • 错误"SyntaxError: Unexpected end of input at PolicyComponent.openPolicyDescription (webpack-internal:///./src/app/policy/component.ts:1507:9) at Object.eval [as handleEvent] (ng:///PolicyModule/PolicyComponent.ngfactory.js:16:23) at handleEvent (webpack-internal:///./node_modules/@angular/core/fesm5/core.js:11379:41) at callWithDebugContext (webpack-internal:///./node_module SyntaxError: Unexpected token &lt; in JSON at position 0 at JSON.parse (&lt;anonymous&gt;) at XMLHttpRequest.onLoad (webpack-internal:///./node_modules/@angular/common/fesm5/http.js:1854:51)

标签: html angular5 primeng


【解决方案1】:

我已经通过使用 window 解决了这个问题,因为我不需要执行任何操作,所以没有使用 p-dialog。

    public openPolicyDesc(){
        var x = screen.width/2 - 600/2;
        var y = screen.height/2 - 350/2;
window.open('/assets/data/'+this.PolicyName+'.htm',"",'height=385,width=600,left='+x+',top='+y);       
  }

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-04-30
    • 2013-10-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多