angular2的html如何顯示大括弧,一般它會識別成數據綁定?

全部模版中輸出關鍵字的套路都一樣,Angular也沒什麼例外。

angular2的html如何顯示大括弧,一般它會識別成數據綁定

1.指定非綁定地區

pngNonBindable{{"abc"}}/p輸出:

{{"abc"}}

angular2的html如何顯示大括弧,一般它會識別成數據綁定

2.把綁定關鍵字本身作為數據內容

p{{foo}}/p+

classT{foo=`{{"abc"}}`}輸出:

{{"abc"}}

3.修改綁定用關鍵字

angular2的html如何顯示大括弧,一般它會識別成數據綁定

p{{"123"}}/p+

@Component({...interpolation:[`[[`,`]]`]})classT{}輸出:

???報錯???

很遺憾,固然是常用套路,以是是模版中的常用套路,但3在這裡用不了的緣故起因是:

以是在雙花括弧不消於數據綁定之後,花括弧僅僅被用於ICUformat中,導致分析錯誤。

因此這裡只能選擇套路1大概套路2。



推薦閱讀:

如何理解 CSS 中的浮動布局方式?最主要的功能是什麼?如何正確地使用它?
如何實現「文字輸入高亮」的效果
詳解 CSS 七種三欄布局技巧
各個平台下相對比較好的 Web 英文字體分別是什麼?

TAG:前端開發 | JavaScript | HTML | CSS | 數據綁定 |