本文整理汇总了TypeScript中@angular/platform-browser.DomSanitizer类的典型用法代码示例。如果您正苦于以下问题:TypeScript DomSanitizer类的具体用法?TypeScript DomSanitizer怎么用?TypeScript DomSanitizer使用的例子?那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。
在下文中一共展示了DomSanitizer类的10个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。
示例1:
export const loadSvgResources = (ir: MdIconRegistry, ds: DomSanitizer) => {
const imgDir = 'assets/img';
const sidebarDir = `${imgDir}/sidebar`;
const dayDir = `${imgDir}/days`;
const avatarDir = `${imgDir}/avatar`;
const iconDir = `${imgDir}/icons`;
ir.addSvgIconSetInNamespace('avatars', ds.bypassSecurityTrustResourceUrl(`${avatarDir}/avatars.svg`));
ir.addSvgIcon('unassigned', ds.bypassSecurityTrustResourceUrl(`${avatarDir}/unassigned.svg`));
ir.addSvgIcon('day', ds.bypassSecurityTrustResourceUrl(`${sidebarDir}/day.svg`));
ir.addSvgIcon('week', ds.bypassSecurityTrustResourceUrl(`${sidebarDir}/week.svg`))
ir.addSvgIcon('month', ds.bypassSecurityTrustResourceUrl(`${sidebarDir}/month.svg`));
ir.addSvgIcon('project', ds.bypassSecurityTrustResourceUrl(`${sidebarDir}/project.svg`));
ir.addSvgIcon('projects', ds.bypassSecurityTrustResourceUrl(`${sidebarDir}/projects.svg`));
ir.addSvgIcon('move', ds.bypassSecurityTrustResourceUrl(`${iconDir}/move.svg`));
ir.addSvgIcon('add', ds.bypassSecurityTrustResourceUrl(`${iconDir}/add.svg`));
ir.addSvgIcon('delete', ds.bypassSecurityTrustResourceUrl(`${iconDir}/delete.svg`));
const days = [
1, 2, 3, 4, 5, 6, 7, 8, 9, 10,
11, 12, 13, 14, 15, 16, 17, 18,
19, 20, 21, 22, 23, 24, 25, 26,
27, 28, 29, 30, 31
]
days.forEach(d => ir.addSvgIcon(`day${d}`, ds.bypassSecurityTrustResourceUrl(`${dayDir}/day${d}.svg`)));
}
开发者ID:zichenma,项目名称:prodinator,代码行数:25,代码来源:svg.util.ts
示例2: constructor
constructor(iconRegistry: MatIconRegistry, sanitizer: DomSanitizer) {
iconRegistry
.addSvgIcon('thumb-up',
sanitizer.bypassSecurityTrustResourceUrl('/icon/assets/thumbup-icon.svg'))
.addSvgIconSetInNamespace('core',
sanitizer.bypassSecurityTrustResourceUrl('/icon/assets/core-icon-set.svg'))
.registerFontClassAlias('fontawesome', 'fa');
}
开发者ID:ravichandra480,项目名称:material2,代码行数:8,代码来源:icon-demo.ts
示例3: transform
public transform(
value: any,
type: string
): SafeHtml | SafeStyle | SafeScript | SafeUrl | SafeResourceUrl {
switch (type) {
case "html":
return this.sanitizer.bypassSecurityTrustHtml(
`${value}`.replace(/<p[^>]*>/g, "").replace(/<strong[^>]*>/g, "")
);
case "text":
const span = document.createElement("span");
span.innerHTML = value;
return span.textContent || span.innerText;
case "style":
return this.sanitizer.bypassSecurityTrustStyle(value);
case "script":
return this.sanitizer.bypassSecurityTrustScript(value);
case "url":
return this.sanitizer.bypassSecurityTrustUrl(value);
case "resourceUrl":
return this.sanitizer.bypassSecurityTrustResourceUrl(value);
default:
throw new Error(`Invalid safe type specified: ${type}`);
}
}
开发者ID:strandls,项目名称:biodiv-mobile,代码行数:25,代码来源:safe.pipe.ts
示例4: init
public init() {
this.iconRegistry.addSvgIcon(
'add',
this.sanitizer.bypassSecurityTrustResourceUrl('assets/icons/note_add_48px.svg'));
this.iconRegistry.addSvgIcon(
'edit',
this.sanitizer.bypassSecurityTrustResourceUrl('assets/icons/edit_48px.svg'));
this.iconRegistry.addSvgIcon(
'delete',
this.sanitizer.bypassSecurityTrustResourceUrl('assets/icons/delete_forever_48px.svg'));
this.iconRegistry.addSvgIcon(
'calendar',
this.sanitizer.bypassSecurityTrustResourceUrl('assets/icons/calendar.svg'));
this.iconRegistry.addSvgIcon(
'time',
this.sanitizer.bypassSecurityTrustResourceUrl('assets/icons/time.svg'));
this.iconRegistry.addSvgIcon(
'search',
this.sanitizer.bypassSecurityTrustResourceUrl('assets/icons/search.svg'));
this.iconRegistry.addSvgIcon(
'title',
this.sanitizer.bypassSecurityTrustResourceUrl('assets/icons/title.svg'));
this.iconRegistry.addSvgIcon(
'logout',
this.sanitizer.bypassSecurityTrustResourceUrl('assets/icons/logout.svg'));
this.iconRegistry.addSvgIcon(
'arrow_down',
this.sanitizer.bypassSecurityTrustResourceUrl('assets/icons/arrow_down.svg'));
this.iconRegistry.addSvgIcon(
'user',
this.sanitizer.bypassSecurityTrustResourceUrl('assets/icons/user.svg'));
}
开发者ID:KavvaP17,项目名称:Angular_Global_Mentoring_Program_2018_Task2,代码行数:32,代码来源:init-icons.service.ts
示例5:
this.streams.subscribe((streamsState: StreamState[]) => {
console.log(streamsState);
this.adjustContainer(this.ngRedux.getState().layout, streamsState);
if (JSON.stringify(this.videoElement) !== JSON.stringify(this.domSanitizer.bypassSecurityTrustHtml(streamsState[this.videoContainerId].playerHtml))) {
this.videoElement = this.domSanitizer.bypassSecurityTrustHtml(streamsState[this.videoContainerId].playerHtml);
}
});
开发者ID:Nightspeller,项目名称:streamViewer,代码行数:8,代码来源:video-container.component.ts
示例6: transform
transform(url) {
if (url) {
const urlWithParameters = this.addURLWithParameters(url);
return this.sanitizer.bypassSecurityTrustResourceUrl(urlWithParameters);
} else {
return this.sanitizer.bypassSecurityTrustResourceUrl('');
}
}
开发者ID:dotCMS,项目名称:core-web,代码行数:8,代码来源:safe-url.pipe.ts
示例7: transform
transform(data: string): SafeHtml {
if (data) {
const md = new MarkdownIt();
md.use(markdownItAttrs);
return this.sanitizer.bypassSecurityTrustHtml(md.render(data));
} else {
return this.sanitizer.bypassSecurityTrustHtml('No Data');
}
}
开发者ID:daniru,项目名称:blog,代码行数:9,代码来源:markdown.pipe.ts
示例8: transform
public transform(value: any, type: string): SafeHtml | SafeStyle | SafeScript | SafeUrl | SafeResourceUrl {
switch (type) {
case 'html': return this.sanitizer.bypassSecurityTrustHtml(value);
case 'style': return this.sanitizer.bypassSecurityTrustStyle(value);
case 'script': return this.sanitizer.bypassSecurityTrustScript(value);
case 'url': return this.sanitizer.bypassSecurityTrustUrl(value);
case 'resourceUrl': return this.sanitizer.bypassSecurityTrustResourceUrl(value);
default: throw new Error(`Invalid safe type specified: ${type}`);
}
}
开发者ID:macliems,项目名称:JixyFront,代码行数:10,代码来源:safe-pipe.ts
示例9: getLevelStyle
public getLevelStyle(): SafeStyle {
let level = this.device.Level;
let safeStyle: SafeStyle = this.sanitizer.bypassSecurityTrustStyle( `width: 0%`);
if(this.device.SwitchType === 'Dimmer' && (this.device.Data === 'On' || this.device.Data.startsWith('Set Level')))
safeStyle = this.sanitizer.bypassSecurityTrustStyle( `width: ${level}%`);
else if(this.device.Data === 'On')
safeStyle = this.sanitizer.bypassSecurityTrustStyle( `width: 100%`);
return safeStyle;
}
开发者ID:robsonke,项目名称:domotica-app,代码行数:10,代码来源:device.component.ts
示例10: serviceError
serviceError(json: any) {
const message = this.satinizer.sanitize(SecurityContext.HTML, json.message);
const code = this.satinizer.sanitize(SecurityContext.HTML, json.code);
const html = this.satinizer.bypassSecurityTrustHtml(`
<div class="sn-title">Error</div>
<div class="sn-content">
${message} </br>Code: ${code}
</div>
`);
return this.html(html, 'error');
}
开发者ID:sergiocosus,项目名称:ventamatic.frontend,代码行数:12,代码来源:notify.service.ts
注:本文中的@angular/platform-browser.DomSanitizer类示例整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。 |
请发表评论