Кнопка в рядах таблиц Угловая 5

Question

Привет, я относительно новичок в Angular, поэтому мне нужно понять некоторые концепции кодирования. У меня есть таблица, которая использует этот код для вывода данных поля из модели базы данных:

{
    label: 'Fattura XML',
    width: 120,
    maxWidth: 160,
    minWidth: 120,
    field: 'xml_flag',
    class: 'text-right w_md',
    sort: {
      field: 'xml_flag',
    },
  },

  {
    label: 'Firmata',
    width: 130,
    maxWidth: 130,
    minWidth: 130,
    field: 'file_xml',
    class: 'text-right w_md',
    sort: {
      field: 'file_xml',
    },
  },

значения полей выводятся правильно, но теперь мне нужно показать в xml_flag кнопку для загрузки файла, а в поле file_xml - кнопку для загрузки подписанного файла. Как я могу достичь этого результата? Я пробовал все утро ... но ничего.

Answer 1

Хм, как только вы получите данные от вашего сервиса, который вызывает ваш бэкэнд для получения данных. Ваш компонент должен подписаться на эту услугу, чтобы получать данные в компоненте. Как только он появится в вашем компоненте, вы можете использовать его в своем представлении с теми же свойствами.

Служба включает @Injectable ()

getData(): {
    return this.http.getSomeData();
}

Компонент:

Inject the service in the constructor, and have a function invoke the data retrieval
   private storedValue; 
    getDataInComponent(){
        this.service.getData().subscribe(value=>{
            // value is your response if Success it will be value else error
            // Once you have this data you can use it in your component
            this.storedValue = value;
         }, error =>{ // this is your error }
    };

В вашем шаблоне

<button class="storedValue.class">{{ storedValue.label}}</button>

Нечто подобное