小编a.p*_*tel的帖子

将粘贴下拉数据从excel复制到角度材料表(或导入excel)并将其转换为下拉

当数据集是从 excel 复制粘贴时,我试图增强以下示例以支持角度材料表中的下拉值。

如果复制/粘贴不起作用,有什么办法可以导入带有下拉数据的 excel 吗?

我们可以通过两种方式在excel中添加数据列表:

1.使用参考范围

在此处输入图片说明

2. 在数据验证本身中输入源。

在此处输入图片说明

我确实在 stackblitz 中有以下示例,它适用于普通的复制粘贴数据。

https://stackblitz.com/edit/angular-copy-paste-table-from-excel

我正在寻求帮助,以了解如何增强该程序以支持从 excel 下拉复制粘贴到角度材料表。

如何将下拉值传递给角度材料表?

预期结果:

当复制下图中给出的所有数据集时,角度材料表应创建 test1 第一个值作为下拉列表和 test2 作为正常数据集。

在此处输入图片说明

我得到了一种将列值设置为下拉列表的解决方案,但我仍在寻找直接从 excel 中给出的范围创建下拉列表的解决方案。

html excel typescript angular-material angular

9
推荐指数
1
解决办法
803
查看次数

如何在primeng自动完成角度8中对建议嵌套列表进行分组

我正在尝试对自动完成建议进行分组,并希望在 Primeng 中呈现它们。

我们如何在primeng中添加自定义模板?

我的数据

data = [{"id":"m1","name":"menu1","val":"D","items":[{"id":"d1","name":"datanested1","val":"D","items":[{"id":"1","name":"direct Data","val":"E"},{"id":"2","name":"test","val":"E"}]}]},{"id":"d2","name":"menu2","val":"D","items":[{"id":"21","name":"test21","val":"E"},{"id":"22","name":"test23","val":"E"}]},{"id":"d3","name":"menu3","val":"D","items":[{"id":"31","name":"test data 3","val":"E"},{"id":"32","name":"test data 4","val":"E"}]}]
Run Code Online (Sandbox Code Playgroud)

Is there any other libraries available in angular 8 which support this?

I would like to achieve something like this when users start searching in autocomplete...

Menu1 - header
 datanested1 -subheader
  direct Data -values
   test        -values

Menu2 - header
 test21-values
 test23-values

Menu3 - header
 test data 3-values
 test data 4-values


1. if the user types "direct" in the input box...

Menu1 - header
 datanested1 -subheader
  direct Data …
Run Code Online (Sandbox Code Playgroud)

html primeng angular

7
推荐指数
1
解决办法
403
查看次数

带有数组的反应形式的primeng复选框

我正在尝试添加我的对象数组以映射primeng 复选框,并希望获取所选复选框的值。

我试过 FormControlName 但它在提交后抛出 undefined 。

下面是粗略的代码

data = [
    { type: dropdown
      text: 'drop',
      num: 1.23,
      options: [
      {
       value=1,
       text= 'drop1
      },{
       value=2,
       text= 'drop2
      }
      ]
    },
    { type: checkbox
      text: 'check',
      num: 1.23,
      options: [
      {
       value=1,
       text= 'check1
      },{
       value=2,
       text= 'check2
      }
      ]
    },
    { type: radio
      text: 'radio',
      num: 1.23,
      options: [
      {
       value=1,
       text= 'radio1
      },{
       value=2,
       text= 'radio2
      }
      ]
    },
  ];
Run Code Online (Sandbox Code Playgroud)

模板:

<form [formGroup]="group">

  <div *ngFor="let d of data"> …
Run Code Online (Sandbox Code Playgroud)

html javascript radio-button primeng angular

6
推荐指数
1
解决办法
3495
查看次数

Angular 5 中动态元素的可访问性

我正在使用键盘访问网站,并且在按下 Tab 时,动态 div(带有 ngIf)条件无法按预期工作。

我确实有动态元素,具有显示一个或另一个的条件,当我专注于特定的 div 元素并单击按钮转到不同的元素时,我的焦点会丢失。

我尝试过提供带有订单的选项卡索引,但没有找到任何运气。

   

<!-- begin snippet: js hide: false console: true babel: false -->
Run Code Online (Sandbox Code Playgroud)

html css accessibility uiaccessibility angular

5
推荐指数
1
解决办法
1009
查看次数

如何根据嵌套对象数组的对象搜索输入查找所有匹配值

我正在寻找建议并修复我的功能。

我有一个函数来查找具有嵌套对象数组的对象数组的所有可能匹配项。

我曾尝试添加过滤器功能,但它只为我提供第一级匹配的关键字,之后它就停止了。

无论如何我可以搜索多个级别吗?

我尝试了以下方法。

const data = [
  {
    name: "testmapping",
    items: [
      {
        name: "lv2test1mapping",
        items: [
          { name: "lv3test1mapping" },
          { name: "lv3test2mapping" },
          { name: "lv3test3mapping" }
        ]
      },
      {
        name: "lv2test2mapping"
      },
      {
        name: "lv2test3mapping"
      }
    ]
  },
  {
    name: "test2mapping",
    items: [
      {
        name: "lv2test21mapping",
        items: [
          { name: "lv3test21mapping" },
          { name: "lv3test22mapping" },
          { name: "lv3test23mapping" }
        ]
      },
      {
        name: "lv2test22mapping"
      },
      {
        name: "lv2test23mapping"
      }
    ]
  }
];

function getvalue(searchText) …
Run Code Online (Sandbox Code Playgroud)

javascript arrays filter match typescript

5
推荐指数
1
解决办法
93
查看次数