鍍金池/ 問(wèn)答/HTML5  網(wǎng)絡(luò)安全  HTML/ 請(qǐng)問(wèn)在angular框架中,可不可以用JQ實(shí)現(xiàn)一些特效??

請(qǐng)問(wèn)在angular框架中,可不可以用JQ實(shí)現(xiàn)一些特效??

各位前輩好,我最近在用angular框架寫(xiě)一個(gè)demo的時(shí)候想實(shí)現(xiàn)一個(gè)非常普通的功能,就是點(diǎn)擊按鈕,頁(yè)面滾動(dòng)到頂部。。我瞬間就想到用JQ寫(xiě)
圖片描述

但是像angular這種框架是不建議用JQ這種直接操作DOM的,那是不是說(shuō)只能用JS原生來(lái)實(shí)現(xiàn)了效果是嗎???真的真的只能都用原生JS實(shí)現(xiàn)效果了嗎, = =|||(崩潰)

如果不能用JQ,請(qǐng)問(wèn)按照angular的編程規(guī)范,就這個(gè)簡(jiǎn)單的效果應(yīng)該怎么寫(xiě)呢???

打擾了,望前輩指教!

回答
編輯回答
礙你眼

angularJS還是 angular?
angularJS的話(huà)可以用 angular.element
angular 的話(huà),
單一模塊使用的話(huà):
npm install jquery --save-dev 然后在需要使用的模塊的component.ts里面寫(xiě) import * as $ from 'jqeury'就可以使用了;
全局使用的 大概步驟是 1.下載下描述文件2. 然后添加描述文件(有時(shí)候會(huì)不自動(dòng)添加) 3.并且在cli文件里面加入jquery 4.然后 declare var $:any(具體命令行和方式你自行搜索一下)

2018年9月14日 19:24
編輯回答
糖豆豆

不建議使用,其實(shí)現(xiàn)在的angular的生態(tài)現(xiàn)在比較完善,各種組件都有,沒(méi)有必要在死死抱著jQuery了,既然玩angular就要試著向前看,如果一時(shí)改變不過(guò)來(lái),你可以關(guān)注一下大漠窮秋做的一些東西,里面都用了jQuery,現(xiàn)在他在寫(xiě)一些開(kāi)源的angular組件。

2017年7月28日 04:30
編輯回答
陌顏

不考慮維護(hù)以及團(tuán)隊(duì)協(xié)作。拼命用,怎么開(kāi)心怎么來(lái)。

考慮多點(diǎn)的話(huà),你可以多看看rxjs以及angular中的提供的一些dom操作api。

2017年7月2日 22:02
編輯回答
瘋浪

可以引入JQ,但是不推薦這么做
ngx做法
html

<div (click)="scrollToTop()">
  點(diǎn)擊我
</div>

ts

  scrollToTop() {
    scrollTo(0, 0);
  }
2017年6月16日 19:05
編輯回答
嘟尛嘴

雖然不推薦,但是是可以的。

2017年11月23日 09:42