我們創(chuàng)建好了home組件后辽幌，要想讓它的內(nèi)容在前臺(tái)頁(yè)面顯示，我們需要在主組件app.component.html文件中引入它动分。打開app.component.html文件侍咱，把里面的原始代碼刪除，添加上岭接，這時(shí)前臺(tái)頁(yè)面就會(huì)把home組件上的內(nèi)容顯示出來(lái)。我們可能會(huì)有很多后臺(tái)的數(shù)據(jù)要在這個(gè)頁(yè)面顯示臼予，這時(shí)鸣戴，angular6.0提供了數(shù)據(jù)綁定，我們只需要把后臺(tái)數(shù)據(jù)在home組件上綁定粘拾，就可以在前臺(tái)顯示窄锅。
1、單向數(shù)據(jù)綁定：
所謂單向數(shù)據(jù)綁定缰雇，就是說前臺(tái)只能獲取到后臺(tái)的數(shù)據(jù)入偷，而不能影響到后臺(tái)的數(shù)據(jù)。
我們?cè)趆ome.component.ts上添加一個(gè)屬性：
hero = 'wanlimm.com';
然后械哟，我們?cè)谇芭_(tái)代碼中調(diào)用疏之，即在home.component.html文件中調(diào)用 這個(gè)hero屬性：
{{ hero }}
這樣，我們就可以在頁(yè)面中看到“ wanlimm.com”這幾個(gè)字符暇咆。
2锋爪、雙向數(shù)據(jù)綁定：
所謂雙向數(shù)據(jù)綁定，就是說前臺(tái)可以從后臺(tái)獲取數(shù)據(jù)爸业，也可以影響后臺(tái)的數(shù)據(jù)其骄。這里，我們以表單輸入來(lái)作為示例扯旷。我們要實(shí)現(xiàn)的是：也就是表單輸入框中沒輸入內(nèi)容是默認(rèn)內(nèi)容拯爽，如果有輸入，就顯示輸入的內(nèi)容钧忽。
首先毯炮，在app.module.ts文件中導(dǎo)入表單模塊：
然后，在home.component.ts文件中添加 一個(gè)屬性：
inputValue="請(qǐng)輸入...";
再在home.component.html文件中添加表單元素：
這樣惰瓜，在前臺(tái)頁(yè)面的這個(gè)輸入框輸入內(nèi)容否副，就會(huì)修改inputValue的值。這就實(shí)現(xiàn)了崎坊，inputValue值影響input的值备禀，input值也影響inputValue的值。【原文地址：angular6.0使用教程：angular數(shù)據(jù)綁定】
