iT邦幫忙

0

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

  • 分享至 

  • xImage

大家晚安
之前是學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是雙向綁定,實際上陣列順序沒改動於是不能調整嗎?
謝謝

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

另外一個觀念錯誤,ngFor不是雙向繫結
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答