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

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

帶有三元運(yùn)算符的 ng 類中的 fa fa-圖標(biāo)(Angular.Js 1.x)?

帶有三元運(yùn)算符的 ng 類中的 fa fa-圖標(biāo)(Angular.Js 1.x)?

守著星空守著你 2023-11-02 22:37:54
可能是我這個(gè)不太清楚,所以再次嘗試問(wèn)我真正想要什么(請(qǐng)?jiān)彛绻匀徊磺宄?。嘗試將多個(gè) html 片段減少為單行。實(shí)際塊如下所示(具有超過(guò) 8 列,如下所示)<div class="spanHolder">    <span ng-click="reOrderTbl('marchendId', asd)">data.columnName</span>    <span ng-hide="presentHeader != previousHeader || presentHeader =='itemID'"><i class="fa fa-thumbs-up"></i></span>    <span ng-show="alterTblType && presentHeader=='itemID'"><i class="fa fa-thumbs-down" ></span>    <span ng-show="(!alterTblType && presentHeader=='itemID')"><i class="fa fa-thumbs-up" ></span></div>所以改成<div class="spanHolder">    <span>data.columnName</span>    <span ng-click="reOrderTbl('marchendId', asd)"    ng-class = "(presentHeader != previousHeader || presentHeader =='itemID') ? 'fa fa-thumbs-up' :     (alterTblType && presentHeader=='itemID') ? 'fa fa-thumbs-down' :     (!alterTblType && presentHeader=='itemID') ? 'fa fa-thumbs-up' : ''" ></span></div>但是它不起作用,也沒(méi)有拋出任何錯(cuò)誤,也不顯示圖標(biāo)原因:在實(shí)際代碼片段中,我不希望 columnName 可單擊,而是想在 fa-Icons 上執(zhí)行此操作以重新排序表格有人可以告訴我如何實(shí)現(xiàn)這種更清潔、更好的方法嗎?
查看完整描述

3 回答

?
慕森王

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

也許你可以使用這樣的東西:

<span ng-class="{'classname' : condition}"></span>

例如:

<span ng-class="{'icon1-class': obj.value1 == 'someothervalue' || obj.value2 == 'other-class'}"></span>


查看完整回答
反對(duì) 回復(fù) 2023-11-02
?
RISEBY

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

使用三元運(yùn)算符的 ng-class 的格式應(yīng)如下所示

ng-class="variableToEvaluate ? 'class-if-true' : 'class-if-false'">

因此,您需要在聲明的第一部分中進(jìn)行所有評(píng)估,然后適當(dāng)?shù)貞?yīng)用課程。


查看完整回答
反對(duì) 回復(fù) 2023-11-02
?
楊__羊羊

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

我會(huì)說(shuō)括號(hào)是錯(cuò)誤的。但它是非常難讀的三元運(yùn)算符。


為了更好地了解邏輯,您可以將此三元邏輯重寫為控制器中的方法。就像下面這樣:


function getFaIcon(presentHeader, previousHeader) {

  var result = '';

  if (presentHeader != previousHeader || presentHeader =='itemID') {

    result = 'fa fa-thumbs-up';

  } else {

    if (alterTblType && presentHeader=='itemID') {

      result = 'fa fa-thumbs-down';

    } else if (!alterTblType && presentHeader=='itemID') {

      result = 'fa fa-thumbs-up';

    }

  }


  return result;

}

它也可以被簡(jiǎn)化,因?yàn)樵趦煞N情況下您返回相同的值'fa fa-thumbs-up'。


此外,當(dāng)它是一個(gè)方法時(shí),您可以對(duì)方法結(jié)果進(jìn)行一些緩存,這對(duì)于加速摘要周期可能非常有用。


您可以對(duì)其進(jìn)行調(diào)試并了解實(shí)際問(wèn)題所在。


在 HTML 中,您可以這樣稱呼它:


ng-class="getFaIcon(presentHeader, previousHeader)">


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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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