在 Angular 中哪里可以填充数组？

Question

我正在学习一门课程，但我认为使用的是旧版本的 Angular，该代码应该有效，但在我的情况下不起作用，我一直有一个空列表（

<li>No items</li>

）。

我使用以下部分代码：

app.component.html :
<app-test>[testList]="testset"</app-test>

app.module.ts :
// in declarations added : TestComponent

app.component.ts :
export class AppComponent {
  testset: string[] = ['Test 1', 'Test 2', 'Test 3', 'Test 4' ];
  title = 'test in Angular';
}

test.component.html :
<u>
  @for (item of testList; track item ) {
  <li>{{ item }}</li>    
} @empty {
<li>No items</li>
}
</u>

test.component.ts :
//  selector: 'app-test',
export class TestComponent {
  @Input() testList: string[] = []; 
  
// I know here the following is working, but that is not what was expected:
// @Input() testList: string[] =  ['Test 1', 'Test 2', 'Test 3', 'Test 4' ];
}

这是因为这是新角度版本的更改，还是我使用了错误的位置来填充数组？

 testset: string[] = ['Test 1', 'Test 2', 'Test 3', 'Test 4' ];

（在app.component.ts中的导出部分）

我的目标是了解以下代码应该如何工作：

<app-test>[testList]="testset"</app-test>

（在app.component.html中）

Answer 1

testList 应该是一个属性。

查看更多。 https://angular.dev/guide/components/inputs

app.component.html：

<app-test [testList]="testset"> </app-test>