angular2中modal框中ngIf能使用吗？

Question

这是代码：

      <div class="col-7">
        <label>输入你想要充值的货币数量：</label>
        <input type="number" class="form-control" placeholder="请输入数量" (keyup)="inputCoinQty()" required [min]="0.001">
      </div>
      <div *ngIf="inputCoinQty()" class="text-center">
        <p class="my-3">相应数量货币的价值：{{values}}元</p>
        <img src="/assets/images/pay.png" class="avatar-xxl">
        <p class="my-3">扫描上方二维码完成支付</p>
      </div>

想要实现的效果：当用户输入时显示 text-center 这个类
这是在angular2的modal中 不是component中

Answer 1

原来是*ngif里面要写的是表达式，而不是方法。

Answer 2

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

Answer 3

*ngIf="expression" 等号后面是表达式，也就是说里面可以写方法，
例如*ngIf=someFunc()。只要Component里的someFunc()的返回值可以被显示/隐式的转成boolean类型的值就可以。

Answer 4

你可以监听input的change事件，在change事件里控制flage,然后那个div可以用ngClass

ngClass第一个参数为类名称，第二个参数为boolean值，如果为true就添加第一个参数的类

当用户有输入，flag为true。如果值清空，则为false

<div [ngClass]="{'text-center':flag}"><div>