国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - Angularjs 在寫后臺管理系統(tǒng)如何優(yōu)雅的使用jQuery插件
PHP中文網(wǎng)
PHP中文網(wǎng) 2017-04-11 09:00:26
0
5
537

1、angularjs 在后臺管理系統(tǒng)中如何優(yōu)雅的使用jQuery插件;
2、使用jQuery的語法寫的話會不會太亂;
3、angular沒那么多jQuery的UI插件,第三方貢獻者提供的UI插件坑很多;
4、大家在使用angular 寫程序中遇到過那些坑,以及是如何解決了,求指點

PHP中文網(wǎng)
PHP中文網(wǎng)

認證0級講師

reply all(5)
劉奇

1 and 2、關于jquery,用angularjs指令完全可以代替,一個好的單頁面應用可以完全脫離jquery,因為單頁面一般都比較大一點,每個模塊之間要隔離開來,jquery的選擇器(特別是id選擇器)有可能導致每個模塊互相影響,可能會很亂。不過不適用jquery是不現(xiàn)實的,我現(xiàn)在更多的使用指令$element來解決問題,迫不得已一定要用選擇器而且必須優(yōu)雅的話,那就給每個html片段加class,像下面的代碼


png](http://img.php.cn/upload/image/000/000/000/3b2dfc7c18e0251f892fc3af33efb56f-0.png)
在指令中使用jquery選擇器的話 $('.navBar').find('.class')這樣來實現(xiàn)選擇器

3、bootstrap肯定不會沒用過吧!而且bootstrap-ui早已經(jīng)實現(xiàn)了angularjs指令的封裝,比如:tabset分頁導航,折疊菜單accordion,bootstrap模態(tài)框等等

4、遇到的坑多了去了,不過踩過之后發(fā)現(xiàn)貌似人家那種解決方式才是最正確的,比如:
(1)模態(tài)框


初始化模態(tài)框時定義了controllerwindowClass,所以模態(tài)框的外層class就是selectDocOrCol,
模態(tài)框的controller就是linkModalCtrl,controller不用再在頁面上進行ng-controller="linkModalCtrl"這樣的指定
(2)ng-class="{}"一定不要忘了引號里還有個{}
...多的就不說了,自己實踐出來的坑才能很好的理解

Peter_Zhu

使用Angularjs的第一要點就是要摒棄jquery的思想,既然選擇了angular,就不要將angular和jquery放在一起使用,而且angular自帶了一些常用的jquery方法,足夠了。jquery-ui不是萬能的,去找一些angular的ui庫,如果不盡如人意就自己動手改造一下,不要拿來主義養(yǎng)成懶惰的心理,很多ui庫都要兼容多種瀏覽器情況而導致代碼回比較多,你這一個后臺管理程序根本沒必要,自己開發(fā)反而來的更快些。

大家講道理

不實用angular

劉奇

封裝在directive中即可,ng和用jq并不沖突。directiv封裝的臟活累活,實際上還是dom操作。

Ty80

如果不做移動端的話,直接用就可以了。用angular實現(xiàn)大方向上的頁面跳轉及數(shù)據(jù)操作,在需要的地方直接用jq插件就可以了。

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template