본문 바로가기

반응형

Frontend/Angular

(20)
Angular - Style Libraries (Bootstrap, Jquery, Font Awesome, ...) Libraries are pre-written codes that anyone can borrow to implement features with less effort to boost the pace of the development process. When developing an Angular project there are many libraries we can take advantage of and we will see some of the style libraries and how to use them. HTML 삽입 미리보기할 수 없는 소스
Reusable Component - Reactive Forms Inputs The reusability of components is one of the main advantages of using a framework such as Angular. Today, we will see how we can create an reusable input component in Angular. Implementaion Adding a Module Add the ReactiveFormsModule in the module.ts class Creating a Component Add a component to get the inputs ng g c components/shared/input To link the form controller and the DOM element, add inh..
Angular Library - Angular Schematics Schematic is a template based code editor and Angular CLI, by default, comes with Schematic. Schematic is like a description that provides necessary information and options when addin dependencies. It is under @schematics/angular and it automatically rund when 'ng generate' or 'ng add' commands are used Schematics add schematic Uses 'ng add' to add libraries. Unlike when installing dependencies ..
Angular Library - Angular PWA Angular service worker makes Angular a Progressive Web App (PWA). To maximize the user experience Angular follow a guideline below: An application is stored in the same cache so that all the files in the application can be updated all together. Updated cache does not take an effect and runs the current version until the page is reloaded The updating happens behind the scene and the updated versi..
Angular Library - Angular Animations To use Angular Animation we need BrowserModule and BrowserAnimationsModule. These come automatically when you create an Angular application using the Angular CLI import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; @NgModule({ imports: [ BrowserModule, BrowserAnimations..
Angular Library - Angular HttpClient Angular HttpClient module is the Angular version of making http request and handle the responses HTML 삽입 미리보기할 수 없는 소스
Angular Library - Angular Forms Forms are one of the one of the most frequently used features in web applications. The angular form provides various functions such as validation. There are two major forms of the angular form, ‘reactive’ and ‘template-driven’. Differences Reactive form directly creates a form object that allows the necessary setups in the .ts file and uses this from the template file using binding. This provide..
Angular Library - Angular Router Angular as you know is a single page applcation so the URL does not change. This feature can make developing an application harder as we cannot use the URL of a specific page like we would in a conventional application. But worry no moer because Angular have got you covered. Today, we will see how we can use AngularRouting to solve this problem Creating a Module Fist we need to add Angular Routi..

728x90