资源URL中使用的Angular 4 Unsafe值

时间:2018-05-16 19:42:51

标签: javascript html angular

我有以下代码来显示pdf文件。

constructor(private sanitizer: DomSanitizer)
    {
        sanitizer.bypassSecurityTrustResoureUrl('./uploads/{file.filename}}');
    } 

<object data="./uploads/{{file.filename}}" type="application/pdf"></object>

当这个运行时我得到错误

Error: unsafe value used in a Resource URL Context

我在这里查看了其他帖子并实现了构造函数旁路解决方案仍然出现同样的错误。 有谁知道如何解决这一问题?感谢

2 个答案:

答案 0 :(得分:0)

这对你有用吗?

sh

答案 1 :(得分:0)

您只需要在数据属性中使用SafeResourceUrl。这种方法应该有效:

向您的组件添加方法:

fig, axarr = plt.subplots(len(stations), 2, figsize=(10,11))
plt.subplots_adjust(bottom=0.05)
hPc3.plot(use_index=True, subplots=True, ax=axarr[0:len(stations),0], 
for i in range(0,len(axarr)):
    axarr[i,0].set_ylabel('$nT$')
axarr[len(stations)-1,0].set_xlabel('$(UT)$')
for i in range(0,len(axarr)):
    plot4 = axarr[i,1].pcolormesh(tti, wPc3_period[i], np.log10(abs(wPc3_power[i])), cmap = 'jet')
    axarr[i,1].set_yscale('log', basey=2, subsy=None)
    axarr[i,1].set_xlabel('$(UT)$')
    axarr[i,1].set_ylabel('$Period$ $(s)$')
    axarr[i,1].set_ylim([np.min(wPc3_period[i]), np.max(wPc3_period[i])])
    axarr[i,1].invert_yaxis()
    axarr[i,1].plot(tti, te_coi3, 'w')
    cbar_coord = replace_at_index1(make_axes_locatable(axarr[i,1]).get_position(), [0,2], [0.92, 0.01])
    cbar_ax = fig.add_axes(cbar_coord)
    cbar = plt.colorbar(plot4, cax=cbar_ax,  boundaries=np.linspace(-10, 10, 512),
                    ticks=[-10, -5, 0, 5, 10], label='$log_{2}$')
    cbar.set_clim([-10,5])

并更改你的HTML:

getSafeUrl(fileName) {
        return this.sanitizer.bypassSecurityTrustResourceUrl("./uploads/" + fileName);
    }

因此,您可以在构造函数中删除代码。