在AngularJS中，FormController是一个非常有用的指令，它允许开发者轻松地跟踪表单状态和收集表单控件数据。要访问表单控件，我们可以使用FormController上的$name属性或formName['controlName']来获取特定的控件。
获取单个表单控件
对于一个带有name属性的表单控件，我们可以通过以下方式获取它：
let myControl = $scope.myForm.myControlName;
在这个例子中，myForm是指FormController实例，myControlName是指表单控件的名称。
我们还可以通过$getControlsByName函数从FormController实例直接获取控件对象，示例如下：
let myControl = $scope.myForm.$getControlsByName('myControlName');这种方法返回一个数组，因为表单控件名可以不唯一。
获取所有表单控件
如果我们想获取表单中所有的控件，可以使用$getControls函数，如下所示：
let allControls = $scope.myForm.$getControls();
这将返回所有表单控件的数组。
控件状态
我们可以使用$invalid、$dirty、$pristine和$touched等属性来检查表单控件的状态。这些属性可以告诉我们控件当前是否有效、是否被修改过以及是否已被用户触摸过。例如，我们可以像下面这样检查一个控件是否有效：
if ($scope.myForm.myControlName.$invalid) {
// do something
}控件值
要获取表单控件的值，我们可以使用$viewValue属性。对于复选框和单选按钮，$viewValue将返回true或false。对于其他控件，它将返回一个字符串。例如：
let controlValue = $scope.myForm.myControlName.$viewValue;
示例代码
下面是一个简单的表单示例，展示了如何使用FormController来访问表单控件：
-- -------------------- ---- -------
----- --------------
-------
-----
------ ----------- ----------- --------------- ---------
--------
-------
------
------ ------------ ------------ ---------------- ---------
--------
------- ------------- -----------------------------------
-------$scope.submit = function() {
let nameControl = $scope.myForm.name;
console.log(nameControl.$viewValue);
let allControls = $scope.myForm.$getControls();
console.log(allControls);
};以上代码演示了如何从FormController中获取表单控件以及控件的状态和值。
希望这篇文章对您有所帮助，让您更好地了解如何在AngularJS中获取表单控件！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30208