作者eight0 ( )
看板Ajax
標題Re: [討論] angular的缺點
時間Sun Nov 16 03:53:02 2014
※ 引述《mrbigmouth (大嘴先生)》之銘言：
: 但html是一個很好的"資料表達"語言，而不是一個好的"程式"語言
這句話說的好，不過 XML 本來就是種資料表示法吧？
我覺得 Angular 的 Directive 從根本上來說就不是 Template engine。
Server 端的許多 Template engine，核心都是 Text processing + Binding。
而 Angular 只有 Binding，沒有 Text processing。
Directive 的功用為擴充 HTML，為其增加新的行為。
: <header ng-repeat-start="item in items">
: Header {{ item }}
: </header>
: <div class="body">
: Body {{ item }}
: </div>
: <footer ng-repeat-end>
: Footer {{ item }}
: </footer>
這個是在 Angular 中違和感最重的一個 directive 了。跟其它的
directive 格格不入，我也覺得很微妙。
一般 ng-repeat 的行為︰重覆自身，並把資料丟進 child scope 內。
<section ng-repeat="item in items">
...
</section>
這樣寫不是很好嗎
: <%
: for (item in items) {
: %>
: <header>
: Header <%- item %>
: </header>
: <div class="body">
: Body <%- item %>
: </div>
: <footer>
: Footer <%- item %>
: </footer>
: <%
: }
: %>
這個就回歸一般的 text processing。事實上用它來 render 非 HTML 的東西
也沒什麼不可。
: <div ng-show="someBooleanVariable"></div>
ng-show 的行為︰當資料為 no、false 時，隱藏自己
: <%
: if (someBooleanVariable) {
: %>
: <div></div>
: <%
: }
: %>
這也回歸一般的 text preprocessing。
Directive 和這些 template engine 的不同，就在於 directive 是用來改變
已經 render 出來，HTML element 的行為。而 template engine 是根據定好
的流程，把 HTML render 出來。
以我來說，Directive 的做法是比較適合前端的，而一般的 template engine
適合後端。
要是想做 text processing，也可以把 template engine 寫成 directive
<div template-engine template-engine-data="myTemplate">
<% if (var) { %>
<span>Hi</span>
<% } %>
</div>
template-engine 行為︰將自身內容和 templateEngineData 丟給
text processor，再將結果替換為自身內容。還可以 watch
templateEngineData，當資料改變時 re-render……等等。
說不定已經有人實作過了。
--
(*￣▽￣)/‧★*"`'*-.,_,.-*'`"*-.,_☆,.-*`
http://i.imgur.com/oAd97.png
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.25.222.65
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Ajax/M.1416081186.A.110.html
※ 編輯: eight0 (114.25.222.65), 11/16/2014 03:55:00
1F：→ carylorrk: 不用這麼麻煩吧？如果你爽可以先讓 string based 的 11/16 10:35
2F：→ carylorrk: template 跑過一遍啊XD 11/16 10:35
3F：推 mrbigmouth: 雙向綁定的優點不就是圖省事嗎....你這樣做好像沒省到 11/16 14:12
4F：→ mrbigmouth: 事? 那幹嘛不用js自己幹就好? 11/16 14:13
5F：→ mrbigmouth: 說真的 watch/re-render直接用js硬幹是會花多大的功 11/16 14:14
6F：→ mrbigmouth: 夫呢...~"~ 為什麼非把變數判斷寫在html上呢.... 11/16 14:14
7F：→ eight0: @cary 所以我覺得後端比較適合跑一般的 template 11/16 15:43
8F：→ eight0: @mrbm 那只是設想說如果要在 Angular 內實作可以怎麼做啦 11/16 15:44
9F：→ eight0: 另外寫成 directive，其它的 Angular 專案也可以用。 11/16 15:45
10F：→ eight0: 不過我還是不認為 directive 內的東西是「變數判斷」 11/16 15:46
11F：→ superpai: @mrbigmouth 你的「為什麼」的答案你自己就說過了 11/16 15:56
12F：→ superpai: 「html是一個很好的"資料表達"語言，而不是一個好的..」 11/16 15:57
13F：→ superpai: 只能說有的人的想法就是這東西不好我就不要用 11/16 15:57
14F：→ superpai: 有的人覺得不夠好我們來改進他 11/16 15:57
15F：推 tomap41017: 寫React吧! 11/17 20:35