本文整理汇总了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`)));
}示例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');
}示例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}`);
}
}示例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'));
}示例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);
}
});示例6: transform
transform(url) {
if (url) {
const urlWithParameters = this.addURLWithParameters(url);
return this.sanitizer.bypassSecurityTrustResourceUrl(urlWithParameters);
} else {
return this.sanitizer.bypassSecurityTrustResourceUrl('');
}
}示例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');
}
}示例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}`);
}
}示例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;
}示例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');
}