账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    ngfor能将数组两个一组输出?
    85
    0

    假设一个数组是这样

        qq = [
          {
            "test":[
              
                        [
                      "廣州隊",
                      "321"
                    ],
                    [
                      "北京隊",
                      "123"
                    ],
                    [
                      "成都隊",
                      "111"
                    ],
                    [
                      "上海隊",
                      "222"
                    ],
                
            ]
    
          }
    
    ];
        

    那么今天当我用ngfor输出

      <ng-container *ngFor="let item of qq; let i = index">
           <div *ngFor="let test of item['test']; let idx = index;">
    
                {{test[0]}}
                {{test[1]}}
    
            </div>
         </ng-container>
    
    

    HTML结构会是

        <div> 廣州隊 321</div>
        <div> 北京隊 123</div>
        <div> 成都隊 111</div>
        <div> 上海隊 222</div>
    
    

    可是今天我想做的是这样子的结构

    <div> 廣州隊 321  北京隊 123</div>
    <div> 成都隊 111 上海隊 222</div>
    
    

    这有办法实现吗?

    附上代码:
    https://stackblitz.com/edit/a...

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 共 0 条
    • 朝花夕月 普通会员 1楼

      是的,ngfor指令在ngForOf循环中用于遍历数组中的所有元素。你可以将数组两个一组输出,这是因为ngFor会按照索引顺序遍历数组,并且默认情况下,索引是0开始的。

      例如,假设你有一个名为items的数组,其中包含以下元素:

      typescript items = ['item1', 'item2', 'item3', 'item4', 'item5'];

      你可以使用以下ngFor指令将数组两个一组输出:

      ```typescript

      {{ item }}

      ```

      这将输出:

      item1 item2 item3 item4 item5

      注意,*ngFor指令用于生成遍历所有元素的HTML。如果你想生成单个元素的HTML,你可以使用ngFor指令的另一个语法,即*ngFor="let item of items" [item]="item",这将生成一个包含单个元素的HTML。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部