搜索文件 /

角度性能

*与离子组分的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离子框架很快(但你的代码可能不是) - 乔希·贝罗

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

以前的
贮存
Baidu