{"id":156,"date":"2017-09-27T16:24:02","date_gmt":"2017-09-27T16:24:02","guid":{"rendered":"http:\/\/td_uid_76_59cbd0a27a81a"},"modified":"2020-01-02T14:29:44","modified_gmt":"2020-01-02T07:29:44","slug":"bai-3-vi-du-ve-component","status":"publish","type":"post","link":"https:\/\/thietkewebdalat.net\/blog\/bai-3-vi-du-ve-component\/","title":{"rendered":"[B\u00e0i 3] V\u00ed d\u1ee5 v\u1ec1 Component"},"content":{"rendered":"

H\u00f4m nay m\u00ecnh s\u1ebd l\u00e0m 1 s\u1ed1 v\u00ed d\u1ee5 v\u1ec1 component \u0111\u1ec3 c\u00e1c b\u1ea1n hi\u1ec3u r\u00f5 h\u01a1n v\u1ec1 n\u00f3:<\/p>\n

B\u00e2y gi\u1edd, ch\u00fang ta c\u1ea7n t\u1ea1o m\u1ed9t component m\u1edbi trong Angular js 8. ch\u00fang ta c\u00f3 th\u1ec3 t\u1ea1o m\u1ed9t d\u1ef1 \u00e1n m\u1edbi ho\u1eb7c s\u1eed d\u1ee5ng c\u00f9ng m\u1ed9t d\u1ef1 \u00e1n nh\u01b0 b\u00e0i vi\u1ebft tr\u01b0\u1edbc. Trong th\u01b0 m\u1ee5c d\u1ef1 \u00e1n, ch\u00fang t\u00f4i c\u00f3 m\u1ed9t t\u1ec7p th\u00e0nh ph\u1ea7n c\u00f3 t\u00ean app.component.ts<\/strong>. B\u00e2y gi\u1edd, tr\u01b0\u1edbc ti\u00ean ch\u00fang ta s\u1ebd ph\u00e1t tri\u1ec3n m\u1ed9t th\u00e0nh ph\u1ea7n c\u00f3 ch\u1ee9a HTML n\u1ed9i tuy\u1ebfn.<\/p>\n

Demo 1: c\u01a1 b\u1ea3n<\/h4>\n

app.component.ts<\/strong>
\n
\nimport { Component } from '@angular\/core'; <\/p>\n

@Component({
\nselector: 'app-root',
\ntemplate: '<\/p>\n

Component is the main Building Block in Angular<\/h1>\n

'
\n})
\nexport class AppComponent {<\/p>\n

}
\n<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"

H\u00f4m nay m\u00ecnh s\u1ebd l\u00e0m 1 s\u1ed1 v\u00ed d\u1ee5 v\u1ec1 component \u0111\u1ec3 c\u00e1c b\u1ea1n hi\u1ec3u r\u00f5 h\u01a1n v\u1ec1 n\u00f3: B\u00e2y gi\u1edd, ch\u00fang ta c\u1ea7n t\u1ea1o m\u1ed9t component m\u1edbi trong Angular js 8. ch\u00fang ta c\u00f3 th\u1ec3 t\u1ea1o m\u1ed9t d\u1ef1 \u00e1n m\u1edbi ho\u1eb7c s\u1eed d\u1ee5ng c\u00f9ng m\u1ed9t d\u1ef1 \u00e1n nh\u01b0 b\u00e0i vi\u1ebft tr\u01b0\u1edbc. Trong th\u01b0 m\u1ee5c […]<\/p>\n","protected":false},"author":1,"featured_media":43,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"amp_status":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-156","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-khong-phan-loai"},"_links":{"self":[{"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/posts\/156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/comments?post=156"}],"version-history":[{"count":3,"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/posts\/156\/revisions"}],"predecessor-version":[{"id":326,"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/posts\/156\/revisions\/326"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/media\/43"}],"wp:attachment":[{"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/media?parent=156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/categories?post=156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thietkewebdalat.net\/blog\/wp-json\/wp\/v2\/tags?post=156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}