Функция обновления в Angular - PullRequest
0 голосов
/ 15 апреля 2020

Это мой файл app.component.ts, в котором я создал свои функции добавления и удаления

export class AppComponent 
{   
   title = 'organizer';
   items = [];  
   newItem = '';

   pushItem = function() {
       if (this.newItem !== ''){
           this.items.push(this.newItem);
           this.newItem = '';
         }   
   };

  removeItem = function(index){
    this.items.splice(index, 1);
  };
}

Это файл html, в котором я использовал вышеуказанные методы

<div>
  <h1>Item's List</h1>
  <div class="addItem">
    <input [(ngModel)] = "newItem" placeholder="Add Item" class="addText">
    <button (click)="pushItem()">Add</button>
  </div>
  <ul>
    <li *ngFor="let i of items; let ind = index">
      {{i}}
      <span>update</span>
      <span (click)="removeItem(ind)">x</span>
    </li>
  </ul>
</div>

Я хочу добавить метод обновления в это приложение. Введенные данные должны отображаться на панели ввода при нажатии обновления, а после обновления и нажатия кнопки добавления данные должны обновляться.

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