Angular4:如何绑定到ngFor中的函数结果

Angular4中可以通过以下步骤将函数结果绑定到ngFor中：

1. 首先，在组件中定义一个返回数组的函数，该函数将作为ngFor的数据源。例如，我们定义一个名为getItems的函数：

getItems(): any[] {
  // 返回一个包含数据的数组
  return [
    { id: 1, name: 'Item 1' },
    { id: 2, name: 'Item 2' },
    { id: 3, name: 'Item 3' }
  ];
}

1. 在组件的模板中，使用ngFor指令来循环遍历函数返回的数组，并将结果绑定到相应的HTML元素上。同时，使用管道操作符（|）将函数调用的结果绑定到ngFor中。例如，我们将getItems函数的结果绑定到一个ul元素上：

<ul>
  <li *ngFor="let item of getItems()">{{ item.name }}</li>
</ul>

在这个例子中，ngFor指令会根据getItems函数返回的数组动态生成li元素，并将每个数组元素的name属性显示在li元素中。

1. 最后，当getItems函数返回的数组发生变化时，Angular会自动更新ngFor生成的HTML元素，以反映最新的数据。

这种方式可以方便地将函数结果绑定到ngFor中，实现动态渲染数据的效果。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云云数据库MySQL（CDB for MySQL）、腾讯云对象存储（COS）、腾讯云人工智能（AI）等。

腾讯云产品介绍链接地址：

• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库MySQL（CDB for MySQL）：https://cloud.tencent.com/product/cdb-for-mysql
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai