iT邦幫忙

DAY 9
0

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

實習、專題除錯筆記(九)為什麼我在 tab 下的 radio 或 checkbox 無法正常運作?

  • 分享至 

  • xImage
  •  

問題九 為什麼我在 tab 下的 radio 或 checkbox 無法正常運作?

原因可能是因為 name 或是你用 ng-model 綁定同樣的變數!

假設我們有兩個 tab

以 Jade 為範例大概長下面這個樣子

tab1
include @@@
tab2
include @@@
@@@ 裡面是一個 radio btn 的 html
可是再切換不同的 tab 的時候我們會忽略雖然看不見可是其實元素都是在的,都是存在 DOM 裡面的
所以如果 @@@ 是這樣的東西
O是 O否 (有 name , 有 bind model)
tab 1 選擇是,我切到 tab 2 是不會變成我們想要的結果,會變成跟 tab1 一樣的選項
@ 是 O否
tab2
O是 O否

解法是使用 ng-if 讓不需要使用的部份不要產生


上一篇
實習、專題除錯筆記(八)Coffee 常見的錯誤,空白
下一篇
實習、專題除錯筆記(九)Angular 搭配模板引擎需注意作用範圍
系列文
實習、專題除錯筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言