Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

angular typscript mat table data. 1. I don't know what the problem is. when I debugging, the user input goes up to in app.html

angular typscript mat table data.

1. I don't know what the problem is. when I debugging, the user input goes up to" " in app.html but dose not get infomation " " in app.html. Errors do not rise. I can not see any information from data List window.

==dataList.Html=

==dataList.ts==

export class CutDataListComponent {

displayedColumns = ['name',.....]

@Input() dataSource: CutData[] = [];

====Newdata.html====

..

....

====Newdata.ts====

export class CutDataNewComponent {

name= '';

...

@Output() cutDataAdded = new EventEmitter();

onAddPost(form: NgForm) {

if (form.invalid) {

return;

}

const newcutData: CutData = {

name: form.value.name,

....

};

this.cutDataAdded.emit(newcutData);

}

}

===data.model.ts====

export interface CutData {

name: string;

....}

=====app.html====

....


====app.component.ts====

import { Component } from '@angular/core';

import { CutData } from './cut-data/cut-data.model';

@Component({

selector: 'app-root',

templateUrl: './app.component.html',

styleUrls: ['./app.component.css']

})

export class AppComponent {

loadedFeatur = 'cut-data';

storedDatas: CutData[] = [];

onNavigate(feature: string) {

this.loadedFeatur = feature;

}

onDataAdded(newcutData: any) {

this.storedDatas.push(newcutData);

console.log(this.storedDatas);

}

}

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access with AI-Powered Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Students also viewed these Databases questions

Question

What reporting requirements does retrospective application require?

Answered: 1 week ago


name {{element.name}} Cut Ref {{element.crf}} Date {{element.date}} Coupon {{element.coupon}} Axial {{element.axial}}