How to install Font-Awesome in Angular

How to install Font-Awesome in Angular

Angular CLI: How to add Font-Awesome

Works in:

  • Angular CLI: 10.1.1
  • Node: 10.15.3
  • Angular: 10.1.1
  • Font-Awesome 5

Steps

  1. Install Font-Awesome into your app
    npm install --save @fortawesome/fontawesome-free
  2. Open app.module.ts and import the module
    import '@fortawesome/fontawesome-free/js/all.js';
  3. Add some icons
    <i  class="fas fa-user-shield"></i>
  4. Rebuild and run the app
  5. Done

References

Comments

Post a Comment

Popular posts from this blog

WPF - Combobox with a null item

--- --- WPF - Combobox with a null item It adds an item for “Select All” or “Empty” functionality into a combobox Converter public class ComboBoxEmptyItemConverter : IValueConverter { /// <summary> /// this object is the empty item in the combobox. A dynamic object that /// returns null for all property request. /// </summary> private class EmptyItem : DynamicObject { public string Name { get ; set ; } = "Empty" ; public override bool TryGetMember ( GetMemberBinder binder , out object result ) { // just set the result to null and return true result = null ; return true ; } } public object Convert ( object value , Type targetType , object parameter , CultureInfo culture ) { // assume that the value at least inherits from IEnumerable ...
Read more

SSIS: How to read error messages from a console app and send them by email

Image
SSIS: How to read error messages from a console app and send them by email SSIS: How to read error messages from a console app and send them by email Let’s say you have a SSIS package that runs a console app, everything works fine, but one day, the console app fails, and the SSIS package fails with a non helpful error message. You want to know what was the error, what data was involved and you want it be email Works with SSIS project in Visual Studio 2015 Simple console app in .NET 4.8 Steps Console app Create a console app for C# Replace the code in Program.cs with this: class Program { static int Main ( string [ ] args ) { try { string value = "a" ; //Output to StdOutput variable Console . WriteLine ( "Value to convert:" + value ) ; int i = int . Parse ( value ) ; return 0 ; //In console apps, normally returning 0 in...
Read more

Add Cordova and Electron to an Angular App

Image
--- --- Add Cordova and Electron to an Angular App Run your angular app as a web, Windows, Android or Linux app, and and if you have the means, in an Iphone or a Mac. Here I’m just covering the browser, Windows and Android. You can find this code in Github . Works in Windows 10 Node js 12.13 Angular CLI 10.1.1 Cordova 10 Android Studio Create the Angular App Create an Angular app by running this command in the terminal ng new angular-app Run in the browser Run ng serve Open http://localhost:4200 in your favorite browser Install Electron in the Angular App To install electron in angular-app run npm install --save-dev electron Inside angular-app create a file and name it main.js Copy the code the from the first app tutorial in the Electron web site and paste it in main.js const { app , BrowserWindow } = require ( 'electron' ) function createWindow ( ) { // Create the browser window. const win = new BrowserWindow ( { width : ...
Read more