[MUSIC]
Nơi có một hình thành có xác nhận ngay phía sau nó.
Vì vậy, những gì hỗ trợ góc cạnh để làm phản ứng để xác nhận?
Đó là những gì chúng ta sẽ nói về trong bài giảng này.
Angular cung cấp một tập hợp các validators được bao gồm cùng với module phản ứng.
Chúng tôi đã thấy trong t tập thể dục trước đó bao gồm
các validators vào tập tin.tc thành phần liên hệ của chúng tôi.
Làm thế nào để chúng ta sử dụng nó trong ứng dụng của chúng tôi?
Vì vậy, chúng ta hãy xem làm thế nào chúng ta có thể làm xác nhận hình thức trong ứng dụng của chúng tôi.
Để sử dụng được xây dựng và validators hỗ trợ góc cạnh cho các
hình thức phản ứng, chúng bao gồm các validators vào tập tin thành phần của chúng tôi.
Và sau đó chúng tôi, nếu chúng tôi đang sử dụng Form Builder
sau đó chúng tôi có thể áp dụng các validators, như thể hiện trong ví dụ này.
Vì vậy, đối với mỗi thuộc tính mà bạn xác định, bạn cũng có thể xác định giá trị cho
thuộc tính như một mảng chứa giá trị ban đầu + một tập hợp các validators.
Vì vậy, trong trường hợp này, tôi đã áp dụng các validators cần thiết cho
tất cả các yếu tố khác nhau ở đây.
Bạn có thể áp dụng nhiều hơn một bộ xác thực.
Bạn có thể khai báo chúng như là một phần của mảng này ở đây.
Vì vậy, ở đây trong ví dụ này, bạn thấy tôi áp dụng các validators yêu cầu.
Tương tự như vậy, có độ dài tối thiểu của một validator, chiều dài tối đa,
và những người khác tổng cộng có sẵn trong góc cạnh.
Một khi bạn áp dụng các validators sau đó làm thế nào để chúng tôi kiểm tra các
thuộc tính kiểm soát ngón tay cái để khám phá nếu có lỗi và
để nâng cao phản hồi thích hợp cho người dùng để cho họ biết về các lỗi?
Vì vậy, bạn có thể kiểm tra bất kỳ giá trị nào
trong một điều khiển biểu mẫu bằng cách nhìn vào tài sản của nó như sau.
Vì vậy, ví dụ nếu bạn phải kiểm tra tình trạng của điều khiển biểu mẫu tên đầu tiên,
sau đó bạn có thể nói Feedbackform.get mã hóa firstname.status hoặc bạn có thể nói,
Feedbackform.get telnum.hasError và sau đó nói nó cần thiết.
Vì vậy, tất cả những điều này sẽ là đúng hoặc sai.
Tùy thuộc vào trạng thái hiện tại của họ.
Vì vậy, bằng cách sử dụng .value bạn nhận được giá trị của bộ điều khiển hình thức chính nó.
Vì vậy, bạn có thể nói Feedbackform.get ('firstname') .value.
Và đó sẽ trả về giá trị hiện tại được nhập vào điều khiển biểu mẫu đó.
Trạng thái đó chỉ cung cấp cho bạn tính hợp lệ của điều khiển biểu mẫu.
Nó có thể là hợp lệ hoặc không hợp lệ đang chờ xử lý hoặc vô hiệu hóa.
Tương tự như vậy, bạn có thể kiểm tra giá trị nguyên sơ.
Bạn có thể kiểm tra nguyên sơ hoặc
bẩn, giống như chúng tôi đã sử dụng nguyên sơ và bẩn trong các mẫu mẫu trước đó.
Tương tự như vậy, bạn có thể kiểm tra nguyên sơ và bẩn để kiểm tra xem nó có
đúng không thì điều khiển hình thức là .pristine hoặc .dirty.
Và tương tự, .untouched và .touched.
Các hoang sơ và xúc động sẽ là đúng nếu người dùng chưa
nhập một giá trị HTML vào điều khiển HTML và kích hoạt sự kiện mờ của nó.
Vì vậy, có nghĩa là bạn đã nhập giá trị, và sau đó để lại điều đó để cho
không bị ảnh hưởng hoặc xúc động được thiết lập thành true hoặc false.
Chúng ta sẽ thấy việc sử dụng những trong bài tập mà sau đó chúng tôi
sẽ sử dụng các validators và cũng kiểm tra các điều khiển biểu mẫu
để quyết định xem có lỗi trong suy nghĩ của chúng tôi hay không.
[ NHẠC]