Как я могу связать HTML-теги в соответствии с идентификатором ответа? - PullRequest
Новая
       23

Как я могу связать HTML-теги в соответствии с идентификатором ответа?

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

У меня есть такой ответ от backend: `

{ 
"data" :
        [
 {            
            "questionTypeId": 1,
            "label" : 'Hello John',
 },
 {            
            "questionTypeId": 2,
            "label" : 'Hello John',
 },
{            
            "questionTypeId": 6,
            "label" : 'guided=true',
 },
{            
            "questionTypeId": 6,
            "label" : 'Follow',
 },
{            
            "questionTypeId": 6,
            "label" : 'create',
 },
{            
            "questionTypeId": 1,
            "label" : 'Hello Ria',
 },
{            
            "questionTypeId": 2,
            "label" : 'Thanks',
 },
{            
            "questionTypeId": 6,
            "label" : 'dear',
 },
{            
            "questionTypeId": 6,
            "label" : 'Mary',
 },
]
}

`

Теперь, основываясь на questionTypeId, я должен связать соответствующую метку с тегами html.

предположим, что это questionTypeId = 1, тогда мне нужно привязать этот ярлык к тегу <h1> в html.и так далее,

моя проблема в том, что когда у меня есть questionTypeId = 6, который представляет тег <li>, и мне нужно привязать его к тегу, а мне нужно привязать только непрерывные метки questionTypeId = 6 к<li> теги

т.е. для 6-го элемента, когда questionTypeId становится 1, тогда это должен быть конец тега </ul>.

в HTMl, я сохранил 

<div [innerHtml]="consentHtml">
      </div>

и в моем файле .ts 

h1Header = `<h1 class="u-space-top--5 u-text-light">{0}</h1>`;
h5Header = `<h5>{0}</h5>`;
consentHtml = ``;

, а затем в цикле for я сохранил инструкцию switch, чтобы связать его с html 

switch (response.data[i].questionTypeId) {
            case 1:
              const b = this.h1Header.replace('{0}', response.data[i].value);
              this.consentHtml += b;
              break;
            case 2:
              const a = this.h5Header.replace('{0}', response.data[i].value);
              this.consentHtml += a;
              break;
          }

для тегов h1 и h5, он работает нормально, но яЯ не понимаю, как связать <ul> и <li> теги

Пожалуйста, кто-нибудь может мне помочь в этом?

...