javascript - angular 7在视图初始化后添加带有绑定的html
问题描述
我有一个问题,我想在我的 html 中添加这段代码
<dx-report-viewer [reportUrl]="reportUrl" height="800px">
<dxrv-request-options [invokeAction]="invokeAction" [host]="hostUrl">
</dxrv-request-options>
</dx-report-viewer>
但只有在从
self.queryParams = self.route.queryParams.subscribe(params => {
if (params['id']) {
self.ReportId = params['id']; // (+) converts string 'id' to a number
console.log(self.ReportId);
self.reportUrl += "ReportId=" + self.ReportId;
}
因为否则 url 将是错误的......但我无法让它工作是因为 dx-report 是来自外部库的指令吗?
如果有人可以提供帮助会很棒!
解决方案
创建一个属性并将其默认为 false:
paramsAdded: boolean = false;
使用以下方法将报表元素包装在 div 中*ngIf
:
<div *ngIf="paramsAdded">
<dx-report-viewer [reportUrl]="reportUrl" height="800px">
<dxrv-request-options [invokeAction]="invokeAction" [host]="hostUrl">
</dxrv-request-options>
</dx-report-viewer>
</div>
当参数可用时,将属性设置为 true 以呈现报表元素:
self.queryParams = self.route.queryParams.subscribe(params => {
if (params['id']) {
self.ReportId = params['id']; // (+) converts string 'id' to a number
console.log(self.ReportId);
self.reportUrl += "ReportId=" + self.ReportId;
self.paramsAdded = true;
}
推荐阅读
- javascript - 是否可以在一段时间后自动运行 PHP 脚本?
- python - 在 Python 中的第二个空格处拆分列表中的字符串
- java - 带有 Javax 单元的 Quarkus Panache Mongo 实体
- vue.js - 如何在谷歌图表comboChart中动态更改图表系列#
- r - 数值拟合概率错误 0 或 1
- vhdl - VHDL 实体端口与组件端口类型不匹配
- django - 返回请求然后进行计算 django
- python - 如何在 for 循环中使用范围并将范围对象用作 Django 模板中的索引?
- node.js - 配置自签名证书以使用 node,js
- javascript - 错误类型错误:无法读取未定义的属性“_options”