Angularjs 角度表单片段如何验证

我想使用angular来实现可恢复的表单片段，比如

angular.module('xx').directive('snippetA', function () {
    return {
        scope: {
            form: '='
        },
        link: function (scope) {
            scope.form.validator.customValidator = function (value) {
                // return true or false;
            };
        },
        template: '<input ng-model="form.data.userName" custom-validator="form.validator.customValidator(form.data.userName)" name="userName">' + 
                '<input ng-model="form.data.userId" name="userId" required>'
    }
});

当我的页面只包含一个表单时，它工作正常。但是，当我的页面包含多个表单时，它们的名称将发生冲突

---

验证表单片段的最佳实践是什么？

尝试在表单上添加：

name=“FormScope”

。Angular自动创建用于表单处理和验证的变量

<form name="FormScope" class="form form-horizontal">

---

：查看此答案：

尝试添加表单：

name=“FormScope”

。Angular自动创建用于表单处理和验证的变量

<form name="FormScope" class="form form-horizontal">

---

：查看以下答案：

我认为它可以提供服务？：抱歉，我的snippt不是单一输入，因此我编辑问题以使其更清晰我认为它可以提供服务？：抱歉，它不是，我的snippt不是单一输入，因此我编辑问题以使其更清晰我认为它可以提供服务？：抱歉，它不是，我的snippt不是一个单一的输入，所以我编辑问题使它更清晰。我的问题不那么简单，我的问题不那么简单，我的问题不那么简单

<form name="FormScope" class="form form-horizontal">

console.log($scope.FormScope);