본문 바로가기

반응형

Frontend/Angular

(20)
Angular Forms - Template-driven form Angular template-driven form provides easier way to handle form manipulations. In this writing, we will see how to use the template-driven form. Implementation First, add the forms module in the module file //scr/app/app.module.ts import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { BrowserModule } from '@angular/platform-browser'; import { AppRoutingM..
Angular Material - Adding Modules (module list) Angular Material is a UI component library provided by Angular. Let's see how to add the module to your angular project.Setting Up the LibraryOpen your project and run the command below (You can also use 'npm install' but 'ng add' automatically completes all the necessary configurations except for adding the module to the module file).ng add @angular/materialThen it will ask if you would like to..
Angular Modal A modal refers to a popup or dialog in the Web development. It is possible to implement a modal with Vanilla JavaScript (An application made only with HTML, CSS, and JS). But Angular provides additional features that make sharing the status of a modal between components easy and help reduce repetition of codes. With that said, let's see one way of implementing the modal using Angular. First let'..
What is Angular? Developing a front end application using Vanilla JavaScript can become tedious and unproductive as the size of the application grows because anything that needs to be in the template should be written by the developer. Angular is a JavaScript framework that is packed with powerful features such as routing, forms validation, animations and rich libraries. Let’s have a look at how it started and s..

728x90