JavaScript的Polymer框架中dom-repeat與VM的相關(guān)操作_基礎(chǔ)知識(shí)
來源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 21:41:12
JavaScript的Polymer框架中dom-repeat與VM的相關(guān)操作_基礎(chǔ)知識(shí)
JavaScript的Polymer框架中dom-repeat與VM的相關(guān)操作_基礎(chǔ)知識(shí):各種框架都有把一個(gè)列表數(shù)據(jù)綁定到 DOM 上的功能,比如 Angular 會(huì)用 ng-repeat 來綁定。那么 Polymer 呢?其實(shí)這個(gè)級(jí)別的功能屬于框架的擴(kuò)展功能了,Angular 的 ng-repeat 也只是個(gè) Directive 而已。Polymer 的 dom-repeat 也是這個(gè)級(jí)
導(dǎo)讀JavaScript的Polymer框架中dom-repeat與VM的相關(guān)操作_基礎(chǔ)知識(shí):各種框架都有把一個(gè)列表數(shù)據(jù)綁定到 DOM 上的功能,比如 Angular 會(huì)用 ng-repeat 來綁定。那么 Polymer 呢?其實(shí)這個(gè)級(jí)別的功能屬于框架的擴(kuò)展功能了,Angular 的 ng-repeat 也只是個(gè) Directive 而已。Polymer 的 dom-repeat 也是這個(gè)級(jí)

各種框架都有把一個(gè)列表數(shù)據(jù)綁定到 DOM 上的功能,比如 Angular 會(huì)用 ng-repeat 來綁定。那么 Polymer 呢?其實(shí)這個(gè)級(jí)別的功能屬于框架的擴(kuò)展功能了,Angular 的 ng-repeat 也只是個(gè) Directive 而已。Polymer 的 dom-repeat 也是這個(gè)級(jí)別的東西。
在 Polymer 中,一切都是 Directive 的概念。dom-module 用于定義模塊,它本身也是一個(gè) Directive。dom-repeat 也是,但它不是一個(gè)標(biāo)簽,而是一個(gè)基于 template 標(biāo)簽的 Directive。我們可以這樣使用它:
運(yùn)行
輸出了給定的索引和值。
然而 Polymer 的數(shù)據(jù)更新并不是基于臟數(shù)據(jù)比對(duì),所以數(shù)據(jù)的動(dòng)態(tài)更新可能就有點(diǎn)麻煩。比如我們有一個(gè)按鈕,每次點(diǎn)擊要增加一項(xiàng)的話應(yīng)該這么寫
運(yùn)行
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
JavaScript的Polymer框架中dom-repeat與VM的相關(guān)操作_基礎(chǔ)知識(shí)
JavaScript的Polymer框架中dom-repeat與VM的相關(guān)操作_基礎(chǔ)知識(shí):各種框架都有把一個(gè)列表數(shù)據(jù)綁定到 DOM 上的功能,比如 Angular 會(huì)用 ng-repeat 來綁定。那么 Polymer 呢?其實(shí)這個(gè)級(jí)別的功能屬于框架的擴(kuò)展功能了,Angular 的 ng-repeat 也只是個(gè) Directive 而已。Polymer 的 dom-repeat 也是這個(gè)級(jí)