iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 6
0
自我挑戰組

人生第一次的SideProject系列 第 6

[Day 6 ] 技能配點功能實作-方法分析

  • 分享至 

  • xImage
  •  

這兩天coding進度不停打轉,一直有種找不到出口的感覺,仔細想想自己對配點功能的邏輯似乎跑錯了方向,原本的架構與資料傳輸方式並不能達到想要的結果,結果就是在各個死路上重複迴圈。所以徒勞一整天後,決定停下來把思路理清。

首先把配點的需求和實作方法重新整理一遍:

●技能欄需求
 ・網頁載入後自動導入預設技能與技能初始值
 ・要點的技能,依其類型為職業或興趣扣減相應配點
 ・新增自訂技能+初始值的input欄位

●詳細實作方法
 1. 建立技能service,鍵入預設技能資料 (已完成)
 2. 在view導入預設技能與其初始值 (已完成)
 3. 提取&導入職業/興趣可配點點數 (已完成)
 4. 要加點的技能分配其類型為職業或興趣 (已完成)
 5. 讀取該技能增加後的新值
 6. 該值減去技能基本值後得到差值,將職業/興趣可配點數減去該值

在完成上面第4步後,之前實作方法卻是將該技能的初始值另外存成一個carrerPoint或hobbyPoint,然後加總所有carrerPoint/hobbyPoint,去取得目前已點的職業/興趣加總點數。

但其實這裡要先抓到的,應該是在介面操作input後所得到的新值。這部分似乎是需要請出ngModel……原本以為在寫Save/Load之前不需要去研究這位大神,看來還是太傻太天真了(遠目)。

另外,各項技能又都是用ngFor跑出來的,所以就是ngFor必須帶著ngModel玩……感覺邏輯又要死機了。

既然配點卡關,想想乾脆暫時沉澱一下,明天開始先來實作Save/Load功能,剛好先來把ngModel基本用法跑一遍。

= = = = = = = = = =

你今天的努力,
是否有跟未來的夢想
同一個等級?


上一篇
[Day 5 ] 技能配點功能實作(二)
下一篇
[Day 7 ] Save/Load實作(一)
系列文
人生第一次的SideProject33
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言