角度性能

*与离子组分的Ng。betway东盟体育app

使用时* Ngfor. 使用离子组betway东盟体育app件，我们建议使用Angular跟踪 选项。这允许Angular以更有效的方式管理变更传播，并且仅更新组件内的内容而不是完全重新创建组件。

通过使用跟踪 您可以为每个循环元素提供稳定的标识，所以可以在迭代器中跟踪插入和删除的角度。以下是如何使用的示例跟踪 ：

home.page.html.


                <
               离子项目
              
               * Ngfor.
                =
                “
               让项目项目;TrackBy：TrackItems.
                “
               >
             
                <
               离子标签
               >
             {{item.value}}
                
               离子标签
               >
             
                
               离子项目
               >

复制复制

home.component.ts.


             项目
              =
             
              [
             
              {
             ID
              ：
             
              0.
              那
             价值
              ：
             
              '项目0'
             
              }
              那
             
              {
             ID
              ：
             
              1
              那
             价值
              ：
             
              '第1件'
             
              }
              那
             
              ......
             
              ]
             
              TrackItems.
              （
              指数
               ：
              
               数字
               那
              ItemObject.
               ：
              
               任何
              的）
             
              {
             
              返回
             ItemObject.
              。
             ID
              ;
             
              }

复制复制

在此示例中，我们有一系列调用的对象项目 。每个对象都包含一个价值 和ID 。使用跟踪 ，我们通过了TrackItems. 返回的功能ID 每个物体。这ID 用于为每个环元件提供稳定的标识。

有关角度常规如何更换传播的更多信息Ngfor. 看 https://angular.io/api/common/ngforof#change-propagation. 。

来自离子团队betway东盟体育app

如何在离子角度延伸负荷betway东盟体育app

用骨架屏幕改进了感知性能

从角队团队

构建表演和逐行的角度应用程序 - web.dev.

来自社区

离子中的高性能动画betway东盟体育app - 乔希·贝罗

离子的高性能列表过滤betway东盟体育app - 乔希·贝罗

越来越多的性能与IONIC中有效的DOM写入betway东盟体育app - 乔希·贝罗

betway东盟体育app离子框架很快（但你的代码可能不是） - 乔希·贝罗

你有一个你想分享的指南吗？点击 编辑这个页面 按钮下面。