angular2撞牆期-angular2中加入btn上下排序,使用jquery-sortable.js卻無法實現

jquery sort angular2

mikil1983 2018-01-20 19:27:43 ‧ 6289 瀏覽

大家晚安
之前是學PHP 近一個月開始接觸angular2
在網路上教學可以理解但實作卻總是遇到困難也不知如何解決
javascript說明也能懂當結構一複雜又撞牆老半天
開始發覺自己腦袋是一維陣列不知變通
請問大家是如何學習如何debug?都是自學找網路文件嗎?

今天在試排序功能一整天就這麼過了
希望可以有btn上下排序for angular2 ,但找到的都是拖曳方式
於是使用jquery套件加入-http://jsfiddle.net/maziar/P2XDc/
我使用的順序如下:
1.index.html加入jquery及jquery-sortable.js的script路徑
2.typings.d.ts 定義:
interface JQuery{
sortable:any;
}
3.把網路這篇script全放進onInit(){}

測試可以正常使用
但我把裡面item項目改為 *ngFor 方式帶入陣列
卻無法上下移動了
是因為ngFor是雙向綁定,實際上陣列順序沒改動於是不能調整嗎?
謝謝

黃升煌 Mike iT邦研究生 5 級 ‧ 2018-01-20 19:59:59 檢舉

看起來是因為，你使用jquery只更改了dom順序，並未更改ngFor後面binding內容的順序，應該再更改dom順序同時，把binding資料的順序也同時調整。

另外一個觀念錯誤，ngFor不是雙向繫結

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22199 篇

完賽人數

602 人

IT邦幫忙