当前位置: 首页 > 知识库问答 >
问题:

Angular2表绑定

璩和璧
2023-03-14

因此,我在这里询问绑定表的概念。通常,只需对所有行/列使用ngFor即可。

然而,我想做的是,对于每个单元格,它应该绑定到一个具有两个属性的对象:

    <李>细胞内容李< / ><李>坳的头

在我的表中,我应该能够根据需要添加行或列。这很简单,但所有共享column_header的单元格都是棘手的部分。

现在这个表代表一个表单,所以我可以在用户单击submit后进行处理并解决问题。

我只是寻找其他聪明的想法。谢谢

编辑|澄清给定对象的示例

目标

{
   "name": "john"
   "colours": [{"id": 1, "name": "green"},{"id": 2, "name": "blue"}]
}

我想是这样的

{
       "name": "john",
       "colours": [
         {
           "id": 1, 
           "column":{
             "name": "green",
             "header":"H1"
            }
          },
         {
           "id": 2,
           "column":{
             "name": "blue",
             "header":"H1"
            }
          }
         ]
}

其中报头属性在两者之间共享

共有1个答案

元鸿波
2023-03-14

有一些方法:

>

  • 迭代原始对象并根据您的要求和结构生成新对象。

    在< code>ngFor中,您可以使用index来获取列的索引,然后您可以使用该索引来获取列标题。你可以查看api

  •  类似资料:
    • 问题内容: 好了,到目前为止我是能够成功地结合,与ngModel通过使用自定义他们的每一个。现在我处于 这种情况,我可以捕获纸张下拉菜单(iron-select),但不能绑定双向,即使用下面的ngModel是HTML和自定义访问器类 我的form.html 和我的自定义访问器类 问题答案: 完整的工作示例。我没有找到应用合适的方式来,而是将其添加到embeeded 。唯一的缺点是,如果您对使用了不

    • 我正在创建一个Angular2项目,但复选框的双向绑定有问题。 我有一个名为listItem和List的类: 我正在从Azure search调用列表,该列表工作正常。问题是当我只是将值设置为复选框时。 但该值在单击时也始终为false。我试图使用[(ngModel)],但也不起作用。我还尝试创建一个函数: 但我收到了这个错误: 无法分配给对象“[object]”的只读属性“checked” 为什

    • 怎么回事?为什么这不起作用? 环境 Visual Studio 2015更新1 ASP.NET 5和MVC6 DNX 4.5.1和5.0 Angular2打字稿

    • 假设我有一个非常大的单元格网格,我想添加数据行和数据集合值,并从模型绑定。如何从angular2(Dart中的beta0)绑定数据行。 绑定的数据行= " {{boundVal}}”似乎并不 例如。

    • 使用角(5)我显示电子邮件的列表 我的问题是在“名称”属性中。我希望索引“i”作为一个数字传递,尽管它传递i本身(字母)。正确传递索引的方法是什么? 我尝试了这样的东西: 但显然没有成功。 任何帮助都是受欢迎的。

    • 我有来自数据库的产品数据包含标题,描述...描述是html格式的字符串,如下所示: 如果应该这样显示: 我应该如何将其正确地显示为html?绑定没有html筛选器。