Перекрывающаяся плавающая метка - PullRequest
Новая
       8

Перекрывающаяся плавающая метка

0 голосов
/ 06 марта 2019

У меня есть компонент angular, который имеет пользовательский интерфейс, такой как this , и это его первоначальный вид, а его HTML / угловой код 

<mat-form-field class="input-cont" [floatLabel]= "'auto'">
        <input matInput #inputDiv
          (keydown.enter)="addMoney($event)"
          placeholder="{{ 'ent_amt_to_add' | translate }}"
          type="number"
          [(ngModel)] = "amount"
          class="text-body-medium">
      </mat-form-field>

Когда я выделяю текстовое поле, например this , и нажимаю эту кнопку с цифрами, тогда текстовое поле выглядит как this . У тех кнопок, которые имеют номер, html / угловой код имеет вид 

<div class="denominations-cont">

        <ng-container *ngFor="let denomination of denominations; let i = index">

          <div class="single-denomination-cont txt-lg-bld-dark border" ncAllowSingleClick [ncPreventDoubleClick]=100 
            (ncClick)="addDenomation(denomination, inputDiv)">
            {{ 'ent_amt_amount_val' | translate :[denomination] }}
          </div>

        </ng-container>  

      </div>

и другой соответствующий код: 

addDenomation(denomination : string, inputDiv : any) {
    // inputDiv.blur()
    if(!this.amount) this.amount = 0
    this.amount += Number(denomination.substring(1))
  }

Я пытался размывать текстовое поле до того, как функция добавления деноминации могла сделать, но ничего не произошло.

Я открываю это угловое приложение в wkwebview в приложении ios.

Я не знаю, если это ошибка или какая-то проблема с кодом. пожалуйста, помогите.

...