Angularjs js中的密码验证

Angularjs js中的密码验证,angularjs,Angularjs,我有一个directives.js文件,其中定义了我的指令。我需要再添加一个用于密码验证的指令 我已经通过了很多链接。我不能成功。从下面的链接 我无法理解为什么“数据密码验证”属性指的是“密码验证”指令的定义??映射应该在哪里定义 在下面的示例中,我们说元素 匹配ngModel指令 以下内容也与ngModel匹配: 角度将元素的标记和属性名称规范化为 确定哪些元素与哪些指令匹配。我们通常指 指令的大小写敏感{@link camelCase}规范化名称 (例如,ngModel)。然而,由于H

我有一个directives.js文件,其中定义了我的指令。我需要再添加一个用于密码验证的指令

我已经通过了很多链接。我不能成功。从下面的链接

我无法理解为什么“数据密码验证”属性指的是“密码验证”指令的定义??映射应该在哪里定义

在下面的示例中,我们说
元素 匹配
ngModel
指令

以下内容也与ngModel匹配:

角度将元素的标记和属性名称规范化为 确定哪些元素与哪些指令匹配。我们通常指 指令的大小写敏感{@link camelCase}规范化名称 (例如,
ngModel
)。然而,由于HTML不区分大小写,我们参考 DOM中的指令以小写形式显示,通常使用{@link 破折号分隔的} DOM元素上的属性(例如
ng model

标准化过程如下所示:

  • 从元素/属性的前面剥离
    x-
    数据-
  • -
    分隔名称转换为
    camelCase

  • 我一直在努力解决这个问题,而且很混乱。我在指令中看不到任何帮助,因为从逻辑上讲,所需要的只是通过验证约束一个值以匹配另一个值。我所需要的只是
    ng模式
    和一个助手过滤器,以将字符串转义为紧正则表达式。(注意,我正在查看电子邮件,但概念是相同的。)

    我的代码:

    <input type="email" name="email" ng-model="data.email" 
           required placeholder="jane.doe@example.com">
    <input type="email" name="verify" ng-model="verify" 
           required ng-pattern="data.email | quotepattern">
    
    这对两者都进行有效绑定,并检查有效性。如果第一个值更改,两个控件都将更新。如果“验证控件”值更改,则仅该控件受影响


    对我来说,这比指令黑客要简单得多,而且在概念上也更正确,因为从逻辑上讲,您所需要做的就是检查verify控件中的字符串匹配。用自定义编辑逻辑设计一个全新的控件就是繁殖一整头牦牛只是为了刮胡子

    指令以驼峰大小写创建,并转换为破折号分隔字符串,helloWorld变为hello world,加上指令可以用作元素、属性、类或具有符合HTML5的数据前缀的属性,因此helloWorld可以用作数据hello world属性。谢谢。很好的解释。
    function(input) {
      if (!! input) {
        return "^" + input.replace(/(\W)/g, "\\$1") + "$";
      } else {
        return input; 
      }
    }