小菜鳥傑夫

範本參考變數適用於當要取得某html時，可以直接將該html轉為一個物件的方式

注意！

範本參考變數的命名，會跟ts中的變數名稱衝突，使用時要注意！

範例延續上一篇Angular4-資料繫結

Angular的繫結有分三種

1.屬性繫結

{{屬性名稱}}

2.內嵌繫結

[html 屬性名稱] = "屬性名稱"

3.雙向繫結

[(ngModel)] = "屬性名稱"

4.事件繫結

(觸發事件)="處理函式"

剛進入Angular的領域，對於裡面的程式語言在搞什麼鬼都不知道，趕快把知道的東西記錄下來

剛更新完VS，發現都變英文版了...

這對一個只會A~Z的菜英文來說，是很糟糕的一件事，趕快找一下資料並且記錄下來

數個月前使用者在詢問能不能匯出excel，於是上網找了資料後，便刻了匯出excel功能給他們，沒想到這只是噩夢的開始，幾周前又開始問我能不能用匯入的...

於是就找到了這個套件，讓我們一起來看看怎麼使用它吧

上一篇寫到繫結時，是透過$event.target.value去取得當前的資料，那萬一其他Html觸發時要取得Value呢？

那就是這篇要記錄的重點啦～「範本參考變數」

資料繫結是NG的重頭戲之一，透過多種資料繫結的方式，使NG在撰寫的時候能夠更靈活，在這篇來記錄一下資料繫結的幾種方法。

今天去上了保哥的Angular 4 開發實戰：新手入門篇，學到不少新東西，趁著記憶猶新的時候趕快記錄下來，也可以複習一次今天上課的內容。

我的學習流程大致上是 能跑>能改>開始理解

有表示不清楚，或是錯誤的地方再麻煩各位朋友指正或是與我分享囉。

在寫程式時，多多少少都會寫一些列舉，可以讓程式更加的安全，但有些時候，列舉在變數命名時必須為英文，送到前端時則必須顯示成中文，要怎麼讓中英文產生關連呢？

可以參考以下的作法

前陣子原本在AWS上寫自己的LineBot，但後來突然想起以前玩過Azure的App Services，印象中可以更方便的去部屬環境，於是又建了一個專案來玩玩，然後好死不死的在本機看起來可以跑的程式，一部屬上去卻怎麼樣都不給我回應，又剛好Google到了「遠端偵錯」這個關鍵字，整個眼睛都亮了起來，就花了一個晚上去把這功能試出來了。

雖然說是說一個晚上，但其實只是簡單的幾個步驟，是自己在找的過程走了太多彎路，其實不會太難設定