在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ angular2中modal框中ngIf能使用嗎？

angular2中modal框中ngIf能使用嗎？

這是代碼：

      <div class="col-7">
        <label>輸入你想要充值的貨幣數(shù)量：</label>
        <input type="number" class="form-control" placeholder="請(qǐng)輸入數(shù)量" (keyup)="inputCoinQty()" required [min]="0.001">
      </div>
      <div *ngIf="inputCoinQty()" class="text-center">
        <p class="my-3">相應(yīng)數(shù)量貨幣的價(jià)值：{{values}}元</p>
        <img src="/assets/images/pay.png" class="avatar-xxl">
        <p class="my-3">掃描上方二維碼完成支付</p>
      </div>

想要實(shí)現(xiàn)的效果：當(dāng)用戶輸入時(shí)顯示 text-center 這個(gè)類
這是在angular2的modal中 不是component中
clipboard.png

回答
編輯回答
離殤

*ngif 也可以是方法的，方法有boolen的返回值，你可以試試。

2017年10月11日 21:02
編輯回答
還吻

*ngIf="expression" 等號(hào)后面是表達(dá)式，也就是說(shuō)里面可以寫方法，
例如*ngIf=someFunc()。只要Component里的someFunc()的返回值可以被顯示/隱式的轉(zhuǎn)成boolean類型的值就可以。

2018年6月9日 19:18
編輯回答
遲月

你可以監(jiān)聽input的change事件，在change事件里控制flage,然后那個(gè)div可以用ngClass

ngClass第一個(gè)參數(shù)為類名稱，第二個(gè)參數(shù)為boolean值，如果為true就添加第一個(gè)參數(shù)的類

當(dāng)用戶有輸入，flag為true。如果值清空，則為false

<div [ngClass]="{'text-center':flag}"><div>
2018年3月5日 20:48
編輯回答
不討囍

原來(lái)是*ngif里面要寫的是表達(dá)式，而不是方法。

2017年12月30日 06:33