angularjs 社群 - polymerjs / angularjs 並用
DESCRIPTION
TRANSCRIPT
前端也要” ”起來硬AngularJS + PolymerJS 實作分享 by Po-Ying Chen
前端也要” ”起來硬AngularJS + PolymerJS 實作分享 by Po-Ying Chen
8 個!!!
8 個!!!
怎麼沒前端?
AngularJS + PolymerJS打造 iloveck101 前端版本!
poying/iloveck101
為什麼要並⽤用 PolymerJS, AngularJS︖?!
⽽而且要怎麼要怎麼 ︖?分⼯工
PolymerJS
1. Custom Elements!2. Shadow DOM!3. HTML Imports!4. Pointer Events!5. Object. observe()
範例中的 trackstart, trackend, track!就是基於 PointerEvents
Polymer/PointerGestures
以及⽬目前還 的不是很好⽤用 Data-binding
不像 AngularJS 這樣完整很多地⽅方
PolymerJS 是個強⼤大、︑先進的 “View”
我們可以拿 PolymerJS 部分 替代 Directive
AngularJS
Scope, Controller, Service…
豐富的 module第三⽅方
ui-router
⾃自⼰己處理真的很悲劇...
polymerjs-tw/polymer-simple-router
PolymerJS / AngularJS 稍微整理
1.複雜的 Template 部分丟給 AngularJS!2.需要相互溝通的地⽅方也交給 AngularJS!3.可以元件化的部分盡量包成 Custom Element!4. Custom Element 裡處理掉低階 Eevent, API
AngularJS 是 ⽔水泥
磚塊PolymerJS 是
兩邊處理的事情都更為單純
雙贏!
吧!砌牆
測試
<link rel=“import”>插入 HTML 時機需要注意!