2015-08-25 76 views
11

解釋聚合物1.0中雙括號([[...]])和雙括號({{...}})之間區別的簡單方法是什麼?聚合物中的雙括號[[]]和雙括號{{}}

例如,對於所述<iron-list>元件的文檔中的示例HTML顯示:

<template is="dom-bind"> 
    <iron-ajax url="data.json" last-response="{{data}}" auto></iron-ajax> 
    <iron-list items="[[data]]" as="item"> 
    <template> 
     <div> 
     Name: <span>[[item.name]]</span> 
     </div> 
    </template> 
    </iron-list> 
</template> 

爲什麼data在一個地方(last-response="{{data}}")在另一點爲界由雙括號括但通過雙括號(items="[[data]]")界?

回答

13

綁定可以是單向的(使用[[]])或雙向的(使用{{}},也可以使用notify)。

解釋* -way綁定思考流量。單向綁定是當你更新模型時,視圖被更新。反之亦然,這是雙向綁定。

欲瞭解更多信息,請參閱documentation

+1

令人困惑的是,在聚合文檔中,即使在絕對沒有雙向綁定的示例中使用雙括號 - 請參閱此示例https://www.polymer-project.org/1.0/docs/devguide/data-binding#binding -to-text-content - 它似乎是雙大括號 - 默認首選選項? –

+0

@ElenaSharovar是的,在那些地方沒有多大意義。但我認爲這是習慣而不是任何慣例。早些時候,我還在許多地方使用過[[]]',然後在需要更多功能時必須更改爲{{}}。現在我只是使用後者,而不是每次都改變它。 – user568109

1

我覺得把方括號綁定看作是一個元素的輸入並將大括號作爲輸入/輸出或者只是輸出是很有用的。在大多數情況下,我要連接一組元素,總是有一個數據的最終目的地,並且是一個呈現信息的元素。最終的裝訂使用方括號。在視覺上,通過觀察使用方括號和花括號的位置,我瞭解什麼是產生一個值(捲曲支撐)和什麼是消耗它(方形支撐)。