Angular的Entypo

Question

Entypo SVG图标集需要将一些JavaScript添加到页面中：

const entypo = require('entypo')

document.body.insertBefore(entypo.getNode(), document.body.firstChild)

有没有办法可以在某种全局文件中将它添加到我的Angular应用程序中，以便在我的应用程序中使用Entypo字形？

Answer 1

我也想在我的Angular项目中使用entypo，因此我使用angular-font-awesome创建了一个包（类似于entypo）。该包名为angular-entypo。您所需要做的就是：

1. 安装npm install angular-entypo。
2. 通过您选择的方法添加entypo字体。
3. 添加AngularEntypoModule：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

import { AngularEntypoModule } from 'angular-entypo';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AngularEntypoModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

1. 将其用作组件：

<entypo name="phone"></entypo>