Мне нужно изменить текст заполнителя для определенной ситуации (например, заявление If)

Question

У меня есть текстовый ввод, и в настоящее время он заполнитель = введите 4 цифры.

И давайте предположим, что у меня есть переменная bool с именем "test".

Я пытаюсь сделать => Еслиtest = true placeholder = введите 6 цифр

else test = false placeholder = введите 4 цифры

На самом деле условие if не основано на переменной bool, но если я это понимаю.Я могу работать для оригинальной задачи.

<div class="left small-8 columns">
  <input 
    class="form-control" 
    id="vm_pin"
    whole-number
    maxlength="15"
    data-ng-readonly="is_restricted_user"
    data-ng-model="subscriber.vm_pin" 
    type="text" 
    placeholder="{{'6_digits' | xlat}}"                                                      
    tooltip="{{'vm_pin' | xlat_tooltip}}" 
  />
</div>

В связанном файле .json

"4_digits": "4-15"

"6_digits": "6-15"

Answer 1

Я добавляю это в соответствующий js-файл

$scope.min_vm_pin_choice = $filter("xlat")(decide_min_vm_pin_for_placeholder());

И изменил html-сторону следующим образом

placeholder="{{min_vm_pin_choice}}"

И я написал функцию для изменения значения min_vm_pin, и она отлично работаетСпасибо за идеи

Answer 2

попробуйте так

<input class="form-control" 
       id="vm_pin" 
       whole-number maxlength="15" 
       data-ng-readonly="is_restricted_user" 
       data-ng-model="subscriber.vm_pin" 
       type="text" 
       ng-attr-placeholder="{{test && '6_digits' || '4_digits' | xlat}}"
       tooltip="{{'vm_pin' | xlat_tooltip}}"
/>

Answer 3

<input class="form-control" id="vm_pin" whole-number maxlength="15" data-ng-readonly="is_restricted_user" data-ng-model="subscriber.vm_pin" type="text" [placeholder]="check_condition ? '6-15 digits' : '4-15 digits')"
                                                             tooltip="{{'vm_pin' | xlat_tooltip}}" />

И в моем js-файле я написал эту функцию ниже

function check_condition(){

    if(currentLocation.includes("172")){
        return true;  //or should I use [return '4-15 digits']
    }
    else
        return false;

}

Но я не смог увидеть заполнитель

Answer 4

Раствор 1 Что вы можете сделать, это использовать [placeholder]="placeholder" и применить тест в вашем компоненте.

В вашем компоненте:

get placeholder(){
 //YOUR TEST
 // test = your logic.
 return test ? 'Enter 6 digits': 'Enter 4 digits'
}

Раствор 2

Прямо в вашем шаблоне:

<div class="left small-8 columns">
  <input
    class="form-control" 
    id="vm_pin"
    whole-number
    maxlength="15"
    data-ng-readonly="is_restricted_user"
    data-ng-model="subscriber.vm_pin" 
    type="text" 
    [placeholder]="test ? 'Enter 4 digit' : 'Enter 6 digit')"                                                      
    tooltip="{{'vm_pin' | xlat_tooltip}}" 
  />
</div>

и в вашем компоненте:

test(){
  // your logic to return the wanted result
}

примечание: предпочтение [placeholder]="variable" от placeholder="{{variable}}"