Can I use ngIf in the modal box in angular2?

this is the code:

      <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}}
        <img src="/assets/images/pay.png" class="avatar-xxl">
        <p class="my-3">
      </div>

what you want to achieve: display the class text-center when the user types
this is in the modal of angular2, not in component

Javascript typescript html5

May.13,2021

turns out to be an expression, not a method, in * ngif.

* ngif can also be a method. The method has the return value of boolen. You can try it.

* ngIf= "expression" is followed by an expression, which means you can write methods, such as * ngIf=someFunc () . As long as the return value of someFunc () in Component can be displayed / implicitly converted to a value of type boolean.

you can listen to the change event of input, control the flage, in the change event, and then that div can use ngClass

ngClass the first parameter is the class name, the second parameter is the Boolean value, if it is true, add the class of the first parameter

when the user has input, flag is true. False

if the value is cleared

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

Previous: How to bind some pictures by default in the component for uploading elementUI upload images

Next: Vscode comment jsx error

Enter numbers in the input interface, click the button to jump to the display interface, and automatically display the numbers in the input interface
which god can take a look at it? enter the number on the input page, click the button and jump to the display interface. Moreover, the box of the display interface automatically displays the number just entered in the input interface, and try to write ...

Javascript typescript html5

Mar.25,2021
The page has a lot of
tags, how to get these are hidden, these are displayed;
1. Requirements: suppose the page has a hundred li tags with two states, one is hidden (display:none), the other is displayed on the page (display:block); 2. Question: I want to get the quantity hidden and displayed. Can I traverse it directly? 3. A...

Javascript typescript html5 html sass

Jul.21,2021
Problems with webpack compilation tools
problem description vue automatic build tool can not find source files in webpack environment, only webpack packaged files and no packaged map files ask how to decompile back to the project source files ...

Node.js javascript typescript html5

Apr.13,2022