ionic2 加载html

1.导入模块

import { DomSanitizer } from ‘@angular/platform-browser‘;

2.在构造函数添加

constructor(private sanitizer: DomSanitizer) {

  }

3.页面上使用方法

3.1使用变量

ts中:

assembleHTML =this.sanitizer.bypassSecurityTrustHtml(‘<p style="color:red;">测试加载html</p>’

html中:

 <div  [innerHTML]="assembleHTML"></div>

3.2使用方法

ts中:

assembleHTML(){
  return this.sanitizer.bypassSecurityTrustHtml(‘<p style="color:red;">测试加载html</p>’);
}

html中:

<div  [innerHTML]="assembleHTML()"></div>

参:http://blog.csdn.net/u010730897/article/details/53609173

  http://www.cnblogs.com/cjxhd/p/6607108.html

时间: 2024-11-10 08:38:28

ionic2 加载html的相关文章

ionic2 懒加载项目

项目之前没用懒加载,刚开始做项目也没多少经验吧,现在出现了一个比较难的问题就是分享链接的问题,因为是微信商城而且要带个人的标志,只好修改代码,添加懒加载. 1.修改app.module.ts 删除里面所有的pages引入, 只留import { MyApp } from './app.component'; 将注册组件,导出组件只留MyApp 其他的像自己的一些providers可以保留 修改app.component.ts里面的 rootPage:any = TabsPage;给TabsPag

ionic3 懒加载在微信上缓存的问题

1.懒加载是什么? 在ionic2中所有的组件.模块.服务.管道等都堆积在app.module.ts模块中,在页面初始化的时候会一次性加载所有的资源,导致资源过大,页面渲染缓慢,也导致app.module.ts混乱,不美观,不易维护,不适用于结构繁多.业务复杂的项目. 懒加载的出现,使得在跳转到对应页面的时候加载对应页面的js.css.html,这样每个页面都是一个模块,只有在需要的时候才会加载,大大缓解了首屏的压力. 2.懒加载的使用: https://ionicframework.com/d

jvm系列(一):java类的加载机制

java类的加载机制 原文:http://www.cnblogs.com/ityouknow/p/5603287.html 1.什么是类的加载 类的加载指的是将类的.class文件中的二进制数据读入到内存中,将其放在运行时数据区的方法区内,然后在堆区创建一个java.lang.Class对象,用来封装类在方法区内的数据结构.类的加载的最终产品是位于堆区中的Class对象,Class对象封装了类在方法区内的数据结构,并且向Java程序员提供了访问方法区内的数据结构的接口. 类加载器并不需要等到某个

kvm 客户机加载移动硬盘

1,宿主机安装usbutils yum install usbutils -y 2,插入U盘或者移动硬盘并查看 [[email protected] ~]# lsusb Bus 002 Device 017: ID 1058:1078 Western Digital Technologies, Inc. Elements Portable (WDBUZG) Bus 002 Device 002: ID 8087:0024 Intel Corp. Integrated Rate Matching

JS获取图片的缩略图,并且动态的加载多张图片

找了好多资料也没有找到该死的ie的解决办法,最后放弃了ie <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js获取缩略图</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <st

c# 无法加载xxx.dll 找不到指定的模块(如何指定文件夹)

如果直接放在项目运行目录,例如bin/debug可以直接加载,但是这样比较乱. 如果在放debug里面的一个文件夹里面,有可能会报错“无法加载xxx.dll 找不到指定的模块”. 如果路径写成这样就会报错 framework/linphone 解决方法:将/ 改成"\" framework\linphone

移动端俩个DIV切换,上滑加载

<!doctype html><html lang="zh-cn"><head> <meta name="viewport" content="initial-scale=1, user-scalable=0, minimal-ui" charset="gbk"> <title>随访计划与随访记录app</title> <style> *{ m

cocos2dx lua中异步加载网络图片,可用于显示微信头像

最近在做一个棋牌项目,脚本语言用的lua,登录需要使用微信登录,用户头像用微信账户的头像,微信接口返回的头像是一个url,那么遇到的一个问题就是如何在lua中异步加载这个头像,先在引擎源码里找了下可能会提供这个功能的地方,发现好像没有提供类似功能,那么只能自己动手写.所以我在ImageView这个类里面添加了一个成员方法,其实可以不写在ImageView里,而且我觉得非必需情况下还是不要修改引擎源码的好,因为如果源码改动比较多的话,将来引擎版本升级会比较麻烦.我写在ImageView里纯粹是想偷

页面滚动图片等元素动态加载插件jquery.scrollLoading.js

如果一个网页很长,那么该页面的加载时间也会相应的较长.而这里给大家介绍的这个jQuery插件scrollLoading的作用则是,对页面元素进行动态加载,通俗的说就是滚到哪就加载到哪,屏幕以下看不见的就不用加载了.这样还可以在一定程度上节省服务器资源.该插件作者的网页将该插件的功能和使用方法描述的非常详细,这里把最一般最普遍的使用情况给大家展现一下. 插件作者:http://www.zhangxinxu.com/ 首先我们需要加载jQuery库和本插件js文件. (jquery.scrollLo