1
00:00:00,000 --> 00:00:04,790
[MUSIC]

2
00:00:04,790 --> 00:00:08,789
Nơi có một hình thành có xác nhận ngay phía sau nó.

3
00:00:08,789 --> 00:00:14,914
Vì vậy, những gì hỗ trợ góc cạnh để làm phản ứng để xác nhận?

4
00:00:14,914 --> 00:00:17,950
Đó là những gì chúng ta sẽ nói về trong bài giảng này.

5
00:00:19,738 --> 00:00:28,107
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.

6
00:00:28,107 --> 00:00:33,138
Chúng tôi đã thấy trong t tập thể dục trước đó bao gồm

7
00:00:33,138 --> 00:00:39,390
các validators vào tập tin.tc thành phần liên hệ của chúng tôi.

8
00:00:39,390 --> 00:00:42,530
Làm thế nào để chúng ta sử dụng nó trong ứng dụng của chúng tôi?

9
00:00:42,530 --> 00:00:48,450
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.

10
00:00:48,450 --> 00:00:52,810
Để sử dụng được xây dựng và validators hỗ trợ góc cạnh cho các

11
00:00:52,810 --> 00:00:58,590
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.

12
00:00:58,590 --> 00:01:03,330
Và sau đó chúng tôi, nếu chúng tôi đang sử dụng Form Builder

13
00:01:03,330 --> 00:01:07,220
sau đó chúng tôi có thể áp dụng các validators, như thể hiện trong ví dụ này.

14
00:01:07,220 --> 00:01:12,730
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

15
00:01:12,730 --> 00:01:20,020
thuộc tính như một mảng chứa giá trị ban đầu + một tập hợp các validators.

16
00:01:20,020 --> 00:01:24,140
Vì vậy, trong trường hợp này, tôi đã áp dụng các validators cần thiết cho

17
00:01:24,140 --> 00:01:26,960
tất cả các yếu tố khác nhau ở đây.

18
00:01:26,960 --> 00:01:29,634
Bạn có thể áp dụng nhiều hơn một bộ xác thực.

19
00:01:29,634 --> 00:01:33,600
Bạn có thể khai báo chúng như là một phần của mảng này ở đây.

20
00:01:33,600 --> 00:01:39,210
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.

21
00:01:39,210 --> 00:01:42,390
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,

22
00:01:42,390 --> 00:01:46,300
và những người khác tổng cộng có sẵn trong góc cạnh.

23
00:01:46,300 --> 00:01:51,160
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

24
00:01:51,160 --> 00:01:55,470
thuộc tính kiểm soát ngón tay cái để khám phá nếu có lỗi và

25
00:01:55,470 --> 00:02:01,800
để 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?

26
00:02:01,800 --> 00:02:04,660
Vì vậy, bạn có thể kiểm tra bất kỳ giá trị nào

27
00:02:04,660 --> 00:02:08,620
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.

28
00:02:08,620 --> 00:02:16,120
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,

29
00:02:16,120 --> 00:02:24,232
sau đó bạn có thể nói Feedbackform.get mã hóa firstname.status hoặc bạn có thể nói,

30
00:02:24,232 --> 00:02:30,870
Feedbackform.get telnum.hasError và sau đó nói nó cần thiết.

31
00:02:30,870 --> 00:02:33,830
Vì vậy, tất cả những điều này sẽ là đúng hoặc sai.

32
00:02:33,830 --> 00:02:36,560
Tùy thuộc vào trạng thái hiện tại của họ.

33
00:02:36,560 --> 00:02:42,230
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ó.

34
00:02:42,230 --> 00:02:46,257
Vì vậy, bạn có thể nói Feedbackform.get ('firstname') .value.

35
00:02:46,257 --> 00:02:51,418
Và đó sẽ trả về giá trị hiện tại được nhập vào điều khiển biểu mẫu đó.

36
00:02:51,418 --> 00:02:54,790
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.

37
00:02:54,790 --> 00:02:59,140
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.

38
00:03:00,150 --> 00:03:02,510
Tương tự như vậy, bạn có thể kiểm tra giá trị nguyên sơ.

39
00:03:02,510 --> 00:03:04,530
Bạn có thể kiểm tra nguyên sơ hoặc

40
00:03:04,530 --> 00:03:09,700
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 đó.

41
00:03:09,700 --> 00:03:14,370
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ó

42
00:03:14,370 --> 00:03:18,689
đúng không thì điều khiển hình thức là .pristine hoặc .dirty.

43
00:03:18,689 --> 00:03:21,690
Và tương tự, .untouched và .touched.

44
00:03:21,690 --> 00:03:26,950
Các hoang sơ và xúc động sẽ là đúng nếu người dùng chưa

45
00:03:26,950 --> 00:03:33,815
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ó.

46
00:03:33,815 --> 00:03:39,491
Vì vậy, có nghĩa là bạn đã nhập giá trị, và sau đó để lại điều đó để cho

47
00:03:39,491 --> 00:03:43,197
không bị ảnh hưởng hoặc xúc động được thiết lập thành true hoặc false.

48
00:03:43,197 --> 00:03:48,187
Chúng ta sẽ thấy việc sử dụng những trong bài tập mà sau đó chúng tôi

49
00:03:48,187 --> 00:03:52,992
sẽ sử dụng các validators và cũng kiểm tra các điều khiển biểu mẫu

50
00:03:52,992 --> 00:03:57,721
để quyết định xem có lỗi trong suy nghĩ của chúng tôi hay không.

51
00:03:57,721 --> 00:04:03,459
[ NHẠC]