作者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/cn.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