I recently started learning TypeScript and AngularJS, and I've created a new class like the following:
[*.ts]
export class Test{
test: string;
constructor(foo: string){
this.test = foo;
}
}
Now, I want to create multiple instances of the Test class and add them to an array like so:
[*.ts]
arr = [];
arr.push(new Test("dummy"));
arr.push(new Test("dummy2"));
In the HTML section, my goal is to iterate over the test array and access the 'test' variable within each object:
[*.html]
<item *ngFor="let i of arr">
{{i.test}}
</item>
However, it appears that this code isn't functioning as expected. While TypeScript experts may find the issue obvious, I'm struggling to identify the problem. Can you understand what I'm trying to achieve and offer any advice?
Thank you for your help!