Как я могу добавить предмет, который принимает значение из угловой формы материала? - PullRequest
Новая
       27

Как я могу добавить предмет, который принимает значение из угловой формы материала?

2 голосов
/ 10 мая 2019

У меня есть динамическая панель навигации, которая хранит свои элементы в массиве. Я могу добавить элемент, но только статичный. Я хочу добавить элемент, который принимает значение из области ввода формы.

Это мой .ts файл 

export class NavbarComponent implements OnInit {

MenuItem: MenuItemModels[] = [
{ name : "Home" , link : "#" },
{ name : "About" , link : "#" },
{ name : "School" , link : "#" },
{ name : "Staff" , link : "#" },
{ name : "Contact" , link : "#" }

];
addItem(){

let customObj = new MenuItemModels();
customObj.name = "something";
customObj.link = "#"; 
this.MenuItem.push(customObj);

}

Это моя модель 

export class MenuItemModels {

name: any; 
link: any;

}

Это мой компонент формы, это другой компонент, который я хочу оценить из входных данных этой формы и добавить их в мой MenuItemList 

<div class="example-container">
<mat-form-field>
<input matInput placeholder="Input">
</mat-form-field>

<mat-form-field>
<textarea matInput placeholder="Textarea"></textarea>
</mat-form-field>

<mat-form-field>
<mat-select placeholder="Select">
  <mat-option value="option">Option</mat-option>
</mat-select>
</mat-form-field>
</div>

1 Ответ

0 голосов
/ 10 мая 2019

Если вы хотите использовать этот список в других компонентах, вы можете использовать Субъект , который вы помещаете в службу, и на входе (ngModelChange)=someMethod($event) вы можете выполнить customSubject.next(inputValue), а затем вы собираетесьчитайте тему везде, где хотите

...