各位好！中秋放假愉快，今天應景一下不講太多太深的東西，全心投入休假中 ?

今天「你可以不用知道的 Angular」要來介紹的不是 Tip！而是一個你根本沒想到要用的 Trick。我在擬稿的時候真的是寫到懷疑自我，到底我為什麼要介紹這個鬼東西呢。

正常、絕大多數的開發者在使用 Angular 來開發網頁應用程式時，我相信都會用到一個叫做 interpolation 的功能（不是數學，是 Angular），這個 interpolation 中文被譯為「插值」，不求斜率，求的是將 Angular typescript 內的變數插入 HTML template 裡面，如以下範例：

// HTML
<p>{{ title }}</p>

// TypeScript
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'day16';
}

↑ Block 1

Block 1 最終的顯示內容會是：

day16

嗯……這就是 interpolation！也是 Angular 101 的內容！

接下來的內容才是你不用知道的部分：

// HTML
<p>? title ?</p>

// TypeScript
@Component({
  selector: 'app-root',
  interpolation: ['?', '?'],
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'day16';
}

↑ Block 2

你沒看錯，我將左邊的插值符號用 ? 取代，而右邊的插值符號則從原本的 }} 替換成了 ?。

恩……

如果你哪天需要用到這個功能的話，請你一定要留言跟我說！

以上就是今天的「你可以不用知道的 Angular」小知識！

明天開始要回歸介紹 Tip 囉 ?

為什麼中秋要烤肉呢？ ?

以下按照入團順序列出我們團隊夥伴的系列文章！

請自由參閱 ?

• 打通 RxJS 任督二脈
• 深入 Azure 雲端服務
• 如何用Laravel寫一個簡單的部落格網站
• 推動資安從0起步邁向70分，不用花大錢也能有聲有色保平安。
• Azure Serverless 平步青雲，漫步雲端