javascript - 形成最佳实践(angularjs 1.6)

Question

我见过实现表单的不同方式及其背后与 Controller 交互的逻辑，我想知道最好的方法是什么。

例子:

<form name="myForm" ng-submit="submit(user)">
  username: <input name="username" ng-model="user.username">
  age: <input name="age" ng-model="user.age">
</form>

在那个例子中，我们在 Controller 中的 submit() 方法将有 3 种方法从表单中提取 username 和 age:

• 使用$scope.myForm 对象。此对象还包含与表单验证相关的信息。
• 使用 $scope.user 对象。
• 使用传递给 submit() 方法的 user 变量。

所以我的问题是，最佳做法是什么？

Answer 1

让我们来看看这 3 种方法:

1. $scope.myForm 应该仅用于表单验证目的。我通常通过检查 $scope.myForm.$invalid 来禁用提交按钮。

2. $scope.user - 它将限制 submit 函数仅使用此变量并降低其可重用性。您还需要输入更多的开销 - $scope 部分，对此我很迂腐。

3. 我更喜欢第三种方法，因为它增加了 submit 函数的可重用性。