當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript MatIconRegistry.addSvgIcon方法代碼示例

本文整理匯總了TypeScript中@angular/material/icon.MatIconRegistry.addSvgIcon方法的典型用法代碼示例。如果您正苦於以下問題:TypeScript MatIconRegistry.addSvgIcon方法的具體用法?TypeScript MatIconRegistry.addSvgIcon怎麽用?TypeScript MatIconRegistry.addSvgIcon使用的例子?那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在@angular/material/icon.MatIconRegistry的用法示例。


在下文中一共展示了MatIconRegistry.addSvgIcon方法的3個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: constructor

	constructor (sanitizer: DomSanitizer, matIconRegistry: MatIconRegistry) {
		/* Custom Icons */

		matIconRegistry.addSvgIcon(
			'bitcoin',
			sanitizer.bypassSecurityTrustResourceUrl('/assets/img/icons/cryptocurrencies/BTC.svg')
		);

		matIconRegistry.addSvgIcon(
			'doctor',
			sanitizer.bypassSecurityTrustResourceUrl('/assets/img/iconfinder/doctor.svg')
		);

		matIconRegistry.addSvgIcon(
			'gdpr',
			sanitizer.bypassSecurityTrustResourceUrl('/assets/img/iconfinder/gdpr.svg')
		);

		matIconRegistry.addSvgIcon(
			'key-add-color',
			sanitizer.bypassSecurityTrustResourceUrl('/assets/img/icons/key-add-color.svg')
		);

		matIconRegistry.addSvgIcon(
			'key-add-light',
			sanitizer.bypassSecurityTrustResourceUrl('/assets/img/icons/key-add-light.svg')
		);

		matIconRegistry.addSvgIcon(
			'key-upload',
			sanitizer.bypassSecurityTrustResourceUrl('/assets/img/icons/key-upload.svg')
		);

		matIconRegistry.addSvgIcon(
			'key-upload-color',
			sanitizer.bypassSecurityTrustResourceUrl('/assets/img/icons/key-upload-color.svg')
		);

		matIconRegistry.addSvgIcon(
			'medical-forms',
			sanitizer.bypassSecurityTrustResourceUrl('/assets/img/iconfinder/medical-forms.svg')
		);

		matIconRegistry.addSvgIcon(
			'walkie-talkie',
			sanitizer.bypassSecurityTrustResourceUrl('/assets/img/iconfinder/walkie-talkie.svg')
		);
	}
開發者ID:cyph,項目名稱:cyph,代碼行數:48,代碼來源:cyph-web.module.ts

示例2: constructor

 constructor(iconRegistry: MatIconRegistry, sanitizer: DomSanitizer) {
   iconRegistry
       .addSvgIcon('thumb-up',
           sanitizer.bypassSecurityTrustResourceUrl('/icon/assets/thumbup-icon.svg'))
       .addSvgIconLiteral('bike',
           sanitizer.bypassSecurityTrustHtml(BIKE_ICON))
       .addSvgIconSetInNamespace('core',
           sanitizer.bypassSecurityTrustResourceUrl('/icon/assets/core-icon-set.svg'))
       .addSvgIconSetLiteralInNamespace('core-inline',
           sanitizer.bypassSecurityTrustHtml(INLINE_ICON_SET))
       .registerFontClassAlias('fontawesome', 'fa');
 }
開發者ID:codef0rmer,項目名稱:material2,代碼行數:12,代碼來源:icon-demo.ts

示例3: constructor

 constructor(iconRegistry: MatIconRegistry, sanitizer: DomSanitizer) {
   iconRegistry.addSvgIcon(
       'thumbs-up',
       sanitizer.bypassSecurityTrustResourceUrl('assets/img/examples/thumbup-icon.svg'));
 }
開發者ID:codef0rmer,項目名稱:material2,代碼行數:5,代碼來源:icon-svg-example.ts


注:本文中的@angular/material/icon.MatIconRegistry.addSvgIcon方法示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台,相關代碼片段篩選自各路編程大神貢獻的開源項目,源碼版權歸原作者所有,傳播和使用請參考對應項目的License;未經允許,請勿轉載。