使用mdIcon时从控制台获取错误
当我使用mdIcon时，角是抛出一个错误。以下是代码：
import {Component} from '@angular/core';
import {MdIcon} from '@angular2-material/icon';
@Component({
selector: 'my-app',
template: `
<md-toolbar>
<md-icon class="demo-toolbar-icon">menu</md-icon>
<span>Default Toolbar</span>
<span class="demo-fill-remaining"></span>
<md-icon>code</md-icon>
</md-toolbar>`,
directives: [MdIcon,MdToolbar],
})
export class AppComponent {} 错误：
原始例外:没有提供MdIconRegistry！错误: NoProviderError.BaseException as constructor at NoProviderError.AbstractProviderError as constructor at new NoProviderError (reflective_exceptions.ts:85) at ReflectiveInjector_._throwOrNull (reflective_injector.ts:844) at ReflectiveInjector_._getByKeyDefault (reflective_injector.ts:873) at ReflectiveInjector_._getByKey (reflective_injector.ts:835) at ReflectiveInjector_.get (Reflective_injector)。DebugAppView._View_AppComponent0.createInternal (AppComponent.template.js:141)在DebugAppView.AppView.create (view.ts:110)的ElementInjector.get (element_injector.ts:19)
有人能帮我一下我做错了什么吗？
Stack Overflow用户
发布于 2016-05-09 14:47:19
您需要在providers或viewProviders中列出它，并注册一些图标或图标集。
import {Component, ViewEncapsulation} from '@angular/core';
import {MdIcon} from '@angular2-material/icon';
@Component({
selector: 'my-app',
template: `
<md-toolbar>
<md-icon class="demo-toolbar-icon">menu</md-icon>
<span>Default Toolbar</span>
<span class="demo-fill-remaining"></span>
<md-icon>code</md-icon>
</md-toolbar>`,
directives: [MdIcon,MdToolbar],
viewProviders: [MdIconRegistry],
})
export class AppComponent {
constructor(mdIconRegistry: MdIconRegistry) {
mdIconRegistry
.addSvgIcon('thumb-up', '/demo-app/icon/assets/thumbup-icon.svg')
.addSvgIconSetInNamespace('core', '/demo-app/icon/assets/core-icon-set.svg')
.registerFontClassAlias('fontawesome', 'fa');
}
}https://stackoverflow.com/questions/37118593
复制相似问题
腾讯云开发者
