第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

將端點(diǎn)的值分配給復(fù)選框

將端點(diǎn)的值分配給復(fù)選框

慕姐4208626 2023-09-21 16:28:57
我正在嘗試將從端點(diǎn)獲得的值分配給復(fù)選框這是對(duì)象{sendOtpEmail: true}我必須在端點(diǎn)響應(yīng)內(nèi)進(jìn)行一些搜索,以區(qū)分電子郵件值返回還是手機(jī)值返回這是我的代碼TS  otpCellValue: any;  otpEmailValue: any;  getOTPChannel() {    this._loader.start();    this._subscriptions.push(this._corpService.getOTPChannel().subscribe((resp) => {      //get endpoint object      console.log(resp);      //get endpoint object parameter name      let keyNames = Object.keys(resp);      console.log(keyNames[0]);      //check for email keyword      if(keyNames[0].includes('Email')) {        console.log(resp.sendOtpEmail);        //get value        if(resp.sendOtpEmail == true) {          //email value is true so the otpEmailValue checkbox should be checked however it is not          this.otpEmailValue = 1;          this.otpCellValue = 0;        } else {          this.otpEmailValue = 0;          this.otpCellValue = 0;        }      }      this._loader.stop();    }, (error) => {      this._loader.stop();      this._errorService.openErrorPopup('Failed to get OPT channel.');    }));  }超文本標(biāo)記語言  <input type="radio" name="1" id="1" class="with-gap" [(ngModel)]="otpCellValue" [(value)]="otpCellValue">  <input type="radio" name="2" id="2" class="with-gap" [(ngModel)]="otpEmailValue" [(value)]="otpEmailValue">我添加了注釋來說明我在上面的代碼中所做的事情所以現(xiàn)在我很困惑為什么電子郵件復(fù)選框沒有被選中。有任何想法嗎?
查看完整描述

1 回答

?
慕桂英3389331

TA貢獻(xiàn)2036條經(jīng)驗(yàn) 獲得超8個(gè)贊

這些不是復(fù)選框而是單選按鈕。假設(shè)您確實(shí)需要單選按鈕(在您的情況下它看起來像這樣,因?yàn)樗瞧渲兄唬?,則需要完成一些事情。


您可以使用 1 個(gè)屬性來實(shí)現(xiàn)此目的,而不是使用 2 個(gè)屬性來指示選擇了哪個(gè)選項(xiàng)。


所以


this.otpEmailValue = 1;

this.otpCellValue = 0;

成為


this.contact = 'email'; // This line is now equivalent to the ones above

在模板中,單選按鈕輸入需要具有相同的名稱才能充當(dāng) 1 個(gè)輸入而不是 2 個(gè)輸入,因?yàn)楫吘刮覀冎幌脒x擇 1 個(gè)選項(xiàng)。該ngModel指令現(xiàn)在指向我們想要綁定的值,在我們的例子中是contact。最后,該值應(yīng)該是靜態(tài)的。當(dāng)綁定的屬性值ngModel與單選按鈕之一的值匹配時(shí),它將選擇它。


因此,在所有這些更改之后,我們得到以下結(jié)果。


<input type="radio"

       name="contact-option"

       id="1"

       class="with-gap"

       [(ngModel)]="contact"

       value="cell"> Cell

<input type="radio"

       name="contact-option"

       id="2"

       class="with-gap"

       [(ngModel)]="contact"

       value="email"> Email

演示


查看完整回答
反對(duì) 回復(fù) 2023-09-21
  • 1 回答
  • 0 關(guān)注
  • 123 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)