Inputs using Angular 2’s?ngModel?automatically apply style classes of?.ng-validand?.ng-invalid?each time the input’s validity changes. These classes allow you easily add your own styles simply by declaring the?styles?in your?Componentdecorator.

?

import { Component, OnInit } from '@angular/core';@Component({selector: 'app-message',templateUrl: './message.component.html',styleUrls: ['./message.component.css'] }) export class MessageComponent implements OnInit {message = "Hello";constructor() { }ngOnInit() {}onSubmit(formValue){console.log("formValue", JSON.stringify(formValue, null, 2))} }

?

input.ng-dirty.ng-valid.ng-touched{border-bottom: green 2px solid; } input.ng-invalid.ng-dirty.ng-touched{border: 2px solid red; }

?

Github

轉載于:https://www.cnblogs.com/Answer1215/p/5914088.html

總結

以上是生活随笔為你收集整理的[Angular2 Form] Style Validation in Angular 2 Forms的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。