Angular缺陷之一 ng-for 不能遍历对象属性中的数字怎么办?

本文探讨Angular中ng-for无法遍历对象数字属性的问题,提供一种通过自定义函数转换为数组的解决方法,适用于熟悉JavaScript和TypeScript的开发者。在组件的ts文件中创建函数,然后在html中调用,可以轻松解决此类问题。
摘要由CSDN通过智能技术生成

Angular缺陷之一 ng-for 不能遍历对象属性中的数字怎么办?

这也是在学习过程中遇见的一个问题,很常见,觉得有必要记录,如果你碰巧在寻找这方便的解决办法,那很巧,正好我做记录了。
vue 跟 Angular的整体使用方式非常的相似,只不过 Angular 中的用的是Type Script语言,将Java和js 进行结合,如果这两种语言你都学过,那么你用起来会很得心应手的,好了废话不多说了,直接进入正题。

1,首先在 该组件的 ts 文件中创建一个自定义的函数,用来传入数值返回出一个数组

  // 将对象数字转换为数组
  //range自定义的函数名称 (num:number)利用 ts 的特性 定义只接受number类型的值 
  range(num: number) {
   
    var arr = [
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值