对于Angular，为什么我可以访问.html中的{{item.id}}，而不能访问.ts中的{item.id}？

在我的.html文件中，我有：

let item of items

这样我就可以访问

{{item.id}}

---

但是如果我在我的.ts文件中输入这个，我就不会得到数据。即使我去掉括号。如果我已经规范化了要显示的html项，那么如何在.ts中显示它？

在.ts文件中尝试这种方式

//First define your array like this.

items : any = []; 

readData(){
    for(let i = 0 ; i < this.items.length ; i++){
        console.log("ID is ::: ",items[i].id);
    }
}

//首先像这样定义数组。
项目：任何=[]；
readData（）{
for（设i=0；i

“let item of items”用于在TypeScript中的数组中循环。因为它是一个单行程序，所以在HTML中使用*ngFor很容易

打字稿：

var items=[1,2,3,4,5];
for (let item of items)
{
    console.log(item);    // or console.log(item.id);
}

无论如何，您可以选择使用传统的for循环语法，如下所示：

var items = [1, 2, 3, 4, 5];
for(let i = 0 ; i < items.length ; i++)
{
    console.log(items[i]);     // or console.log(items[i].id);
}

var项目=[1,2,3,4,5]；
for（设i=0；i

---

*编辑后的

没有一个答案谈到Typescript中的

forOf

循环：

typescript中有一个

forOf

循环。它不是循环的角度方式，但它是typescript中的

功能，
ngFor
指令使用它

假设我有一个类型为
{name:string，value:string}
的数组数据

  testData : Array<{name : string , value : string}> = [
    {name : 'Test1' , value : 'Test1'},
    {name : 'Test2' , value : 'Test2'},
    {name : 'Test3' , value : 'Test3'},
    {name : 'Test4' , value : 'Test4'},
    {name : 'Test5' , value : 'Test5'}
  ];

现在考虑到添加的代码段中使用的变量

我将以以下方式简单地使用循环：

for( let i of this.testData){
  console.log(i);
  console.log(i.name);
}

for(let item of this.items){
 console.log(item.id)
}

我甚至创建了一个stackblitz示例，您可以在这里查看：
发布您在tsComing中从Android中尝试过的内容。我习惯于编写“String data=dataSnapshot.child（user.child（“id”）.getValue（）.toString（）；”。我尝试了很多东西：字符串id；id=item.id；this.id=itemList.map（item=>{return{id:item.data（）.id}}）请记住，您必须在ts文件中使用this.

，但不能在html模板中使用。“Operator”如果您想保持与html相同的语法，还可以执行类似于

items.forEach（（item）=>{console.log（item.id）；}；

@Dipack谢谢你的建议。如果你认为我的答案是正确的，那么你也可以通过投票来感谢它。；@Sachin Shah获取文档时出错：TypeError:无法读取的属性“item”undefined@Dipack首先，我向该项添加数据：“this.items=mydatasource。。。；然后我调用你的函数：“this.items.forEach…”然后我得到“ERROR-TypeError:this.items.forEach不是一个函数”难道没有没有一个没有服务或函数的一行程序吗？它在Java中很简单，为什么在JavaScript中如此复杂？