javascript - 是否可以在 Angular Controller 方法中对整个对象进行建模绑定(bind)？

Question

我在 TypeScript 中定义了以下接口(interface):

interface Person {
    Id: number;
    FirstName: string;
    LastName: string;
    Age: number;
}

我有一个.html包含 Angular ng-submit="submit()" 的部分HTML 上的指令 form元素。这是 form 内部的示例元素:

<input id="FirstName" name="FirstName" type="text" class="form-control" ng-model="FirstName" placeholder="Enter First Name" />

我想要的是对 sumbit 映射表单值到 submit 上的对象参数的以下调用调用如下:

$scope.submit = (person: MyApp.Models.Person) => {
  //Access person values
}

问题出在检查 person 时调用电话的值(value) submit()它是undefined并且未填充。

我想知道是否可以有多个<input>从 form 中形成值元素自动使用并绑定(bind)到 submit() 中 TypeScript 已知的对象参数。方法？

答案可能是这完全不可能，但我想在手动获取每个 ng-model 之前知道值(value)和水合Person来 self 的 submit() 中的实例功能。

Answer 1

这是可能的。和some say it is even a recommended strategy 。

不要直接在表单元素上使用 person 对象的成员 (ng-model=FirstName)，而是对 person 对象使用点表示法 ( ng-model=person.FirstName)。例如，在您的范围对象上:

$scope.person: MyApp.Models.Person;

并在您的标记中(请注意 ng-model 上的差异):

<input id="FirstName" name="FirstName" type="text" class="form-control" ng-model="person.FirstName" placeholder="Enter First Name" />

现在，当您调用 submit 函数时，您可以向其发送 person 模型

ng-submit="submit(person)"

并且您的 submit 函数 person 参数将有权访问表单上定义的 person 对象的所有成员。