iT邦幫忙

DAY 26
0

實習、專題除錯筆記系列 第 26

實習、專題除錯筆記(二十六)如何使用 Angular 寫出一次性的按鈕?

  • 分享至 

  • xImage
  •  

問題二十六 如何使用 Angular 寫出一次性的按鈕?

在實習的時候,碰到要設計一個按鈕,但是者個按鈕只有頁面一剛開始的時候會出現,當使用者點擊後就不需要了,當然我們可以用 ng-change 綁定函式來處理像是

<button ng-model="show" ng-show="!show" ng-click="show=true" ng-init="show=false"> 一次性按鈕 </button>

這樣寫就可以簡單的做出一次性按鈕囉!

空出 ng-change 給其他功能使用,也可以減低 controller 的複雜度,後期維護比較簡單

這邊要注意的是,不能使用 ng-if 來代替 ng-show,不知道為什麼無法運作。


上一篇
實習、專題除錯筆記(二十五)開發的時候格式盡量要有一致性!
下一篇
實習、專題除錯筆記(二十七)怎麼使用 Javascript 的 Map?
系列文
實習、專題除錯筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言