Question

我们如何在具有Onetomany映射的AngularJS页面上编写输入字段？

If Not IsError(cellValue) Then
    If IsDate("01 " & Left(cellValue, 3) & " 19") Then
        ' we're looking at a valid date value that VBA can convert to a Date data type
    Else
        ' we're looking at a malformed date
    End If
Else
    ' cellValue is a Variant/Error that we can't use.
End If

''''''用于电话映射的AngularJS代码-因为这是一个OneToMany字段，所以我在User类中使用了List，现在我在AngularJS页面上有3个输入文本字段-因此我如何为同一个代码编写ng-model，对于第一个文本字段，我已经像下面这样声明了，但是第二个和第三个文本字段呢？如何为电话字段声明ng-model。

User Class has Name and phone attributes and can have multiple phone numbers.

AngularJS code for fName input field

<input tabindex="10" style="width: 60%;" type="text" ng-model="ctrl.user.fName" placeholder="First Name">

Answer 1

基本答案是使用*ngFor，但是我不确定这是否是您的用例的最佳方法。

<div *ngFor="number of ctrl.user.phone.phoneNumbers">
  <input type="text" ng-model="number" placeholder="enter a new number">
</div>

如果您只打算使用三个电话号码，那么为每个电话号码指定一种特定的电话类型可能会更容易：

<input type="text" ng-model="ctrl.user.phone.homePhone" placeholder="Home #">
<input type="text" ng-model="ctrl.user.phone.cellPhone" placeholder="Cell #">
<input type="text" ng-model="ctrl.user.phone.workPhone" placeholder="Work #">

最后，根据所使用的Angular版本，您可能会发现实现FormControl而不是使用ng-model更为容易。

Answer 2

所以我能够找到答案，而且令人惊讶的是，任何门户网站上都找不到与之相同的材料。

所以问题是如何在AngularJS和任何后端（如Springboot和Hibernate）中使用OneToMany映射。

Ex User具有直接的列，例如Name，age，DOB等，但可以说User与对象Contact（具有电话号码，电子邮件，紧急联系人等）具有一个完整的映射

在Agular中，我们可以将ng-bind直接放在ctrl.use.name之类的名称字段中，但对于phonenumber字段，它是通过以下方式指定的

ctrl.user.contact [0]。电话号码

请注意，现在在用户类中，您必须创建一个可以接受像这样的联系人数组的设置器-

公共无效setContact（Contact []联系人）{....实现}

所以现在在用户窗体上，我可以有多个联系人对象，这些对象将作为OneToMany关系持久化。

AngularJS页面上的一对多映射

2 个答案: