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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Angular JS動態(tài)設(shè)置tabindex屬性

Angular JS動態(tài)設(shè)置tabindex屬性

慕桂英546537 2023-09-04 16:59:57
我對 Angular 相當陌生,正在開發(fā)一個簡單的抽認卡網(wǎng)站。這是我當前的相關(guān) HTML:<div id="flashcards" class="row">    <div class="flashcard col-sm-6 col-md-4 col-lg-3"         ng-repeat="card in cards">        <div class="flashcard-inside"             ng-class="{'flipped' : card.flipped}">            <div class="flashcard-btns">                <button ng-click="flip(card)" class="btn btn-secondary">                   <i class="fas fa-sync-alt"></i>                </button>                <button ng-click="remove(card)" class="btn btn-danger">                  <i class="fas fa-trash"></i>                </button>            </div>            <div class="flashcard-front">                <textarea ng-model="card.front"                           class="form-control                           flashcard-content"                          ng-tabindex="{-1 : card.flipped}">                </textarea>            </div>            <div class="flashcard-back">                <textarea ng-model="card.back"                          class="form-control flashcard-content"                          tabindex="card.flipped ? 0 : -1">                </textarea>            </div>        </div>    </div></div>我正在為每個人制作一張抽認卡card in cards。我的刪除和翻轉(zhuǎn)功能相當簡單:$scope.flip = (card) =>    card.flipped = !card.flipped;$scope.remove = (card)=>     $scope.cards = $scope.cards.filter(obj=> obj.front!=card.front || obj.back!=card.back);正如您在上面所看到的,我已經(jīng)嘗試過ng-tabindex="{-1 : card.flipped}",也嘗試過tabindex="card.flipped ? 0 : -1"其他幾種組合,但沒有成功。我希望在 Angular 方面更有經(jīng)驗的人能夠為我指明正確的方向。如果我可以從翻轉(zhuǎn)腳本中的卡變量中獲取 DOM 元素,并使用 jQuery 設(shè)置其 tabindex 屬性,那么我的問題似乎就可以解決,但是我似乎無法訪問文本區(qū)域的元素(這將友善點,因為我也想稍后關(guān)注它)。
查看完整描述

2 回答

?
搖曳的薔薇

TA貢獻1793條經(jīng)驗 獲得超6個贊

不需要使用ng-attr-tabindex,可以簡單地通過插值來完成:


<div class="flashcard-front">

    <textarea ng-model="card.front" class="form-control flashcard-content"

              tabindex="{{card.flipped ? -1 : 0}}"></textarea>

</div>

<div class="flashcard-back">

    <textarea ng-model="card.back" class="form-control flashcard-content"

              tabindex="{{!card.flipped ? -1 : 0}}"></textarea>

</div>

問題中的代碼的問題是插值需要雙大括號({{ }})。


ng-attr-*僅在特殊情況下才需要該語法。



查看完整回答
反對 回復(fù) 2023-09-04
?
慕絲7291255

TA貢獻1859條經(jīng)驗 獲得超6個贊

相關(guān)部分與ng-attr-tabindex="{{card.flipped ? -1 : 0}}"和 相同,但用!card.flipped代替card.flipped。


我的完整代碼是:


<div class="flashcard-front">

? ? <textarea ng-model="card.front" class="form-control flashcard-content"

? ? ? ? ? ? ? ng-attr-tabindex="{{card.flipped ? -1 : 0}}"></textarea>

</div>

<div class="flashcard-back">

? ? <textarea ng-model="card.back" class="form-control flashcard-content"

? ? ? ? ? ? ? ng-attr-tabindex="{{!card.flipped ? -1 : 0}}"></textarea>

</div>

查看完整回答
反對 回復(fù) 2023-09-04
  • 2 回答
  • 0 關(guān)注
  • 160 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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