Динамическая замена тегов в HTML с использованием угловых - PullRequest
1 голос
/ 10 июня 2019

Я пытаюсь динамически добавлять / удалять теги html на основе ответа, полученного от службы.Это похоже на условие if-else.Если какой-либо ответ приходит от службы, я буду отображать ответ, иначе я буду отображать вариант по умолчанию.Я не понимаю, как этого добиться.Я узнал, что мы можем использовать, чтобы показать / скрыть что-то.Это правильный способ достичь этого?

<ng-template #showBlock>
  <p>
    Show this only if "show" is true
  </p>
</ng-template>
<ng-template #notShowBlock>
  <p>
    Show this only if "show" is not true
  </p>
</ng-template>

Ответы [ 2 ]

0 голосов
/ 10 июня 2019

Если вы получили ответ от серверного API, просто верните

public async Task<int>UpdateValue(modelname obj)
{
if(needtoshow){
return 0;
}
return 1;
}

На основе вышеуказанного условия, если вы использовали в ответе TS после метода подписки

this.getmethos(modelvalues).subcribe(res=>{
if(res){
  -- wrote your condition to show
}else{
  -- wrote based on response false hide the html tag 
}

})
0 голосов
/ 10 июня 2019

Это должно сработать ... вы можете настроить вход для переключения значений так, чтобы вы видели эффекты заранее

релевантно HTML :

select to toggle<input type="checkbox" [(ngModel)]="showNgTemplate" /> {{showNgTemplate}} <br/>
<div class='ngTemplateSection'>
  <ng-template *ngIf='showNgTemplate then showBlock else notShowBlock'>
  </ng-template>
</div>

<ng-template #showBlock> 
  <p>
    Show this only if "show" is true
  </p>
</ng-template> 
<ng-template #notShowBlock>
  <div class='warningStatement'>
    <p>
      Show this only if "show" is not true
    </p>
  </div>
</ng-template>

проверка рабочий стекблиц здесь

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...