【问题标题】:Validation of nested directives in angular 1.2.16在 Angular 1.2.16 中验证嵌套指令
【发布时间】:2014-08-22 10:13:28
【问题描述】:

背景:

假设我想要一个编辑和验证文本的指令。为简单起见,我们将考虑单位值。所以我创建了一个绑定到模型中的值的指令。

在这个简单的示例中,如果输入不是 [NUMBER][IDENTIFIER] 形式,或者它的任何子指令的值验证为 false,则该指令验证为 false。

每当文本更改时,指令将其拆分为两个变量。该指令的模板有两个子指令,一个用于两个变量中的每一个。每个子指令都通过 ng-model 绑定。每个子指令在输入更改时验证每个值。例如,如果 [IDENTIFIER] 子指令需要 'px' 或 'in',它会验证任何其他值的 false。如果两个子指令中的任何一个验证为假,主指令也验证为假。

我想采用这种方法为更复杂的文本模式设计基于 ng-model 的编辑器,同时利用 ng-model 中现有的验证机制。

问题:

您能否将指令子项的有效性作为确定模型是否有效的一部分?

如果 ng-model 接受一个对象而不是一个字符串,当模型发生任何变化时是否可以触发验证?

【问题讨论】:

    标签: javascript jquery angularjs validation angular-ngmodel


    【解决方案1】:

    我通过说我是一个有角度的新手来限定这些答案......

    第一个问题。 是的,我认为如果您有一个向验证链添加验证器的指令,那么它没有理由不能走它的孩子并检查它们的有效性。父级可能必须有一个隐藏的输入来附加 ngModelController,然后检查可见的子级。

    第二个问题。 当然。模型包含的内容无关紧要。如果模型内容发生更改,验证将运行。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-08-08
      • 2013-12-06
      • 2015-10-22
      • 2016-04-04
      • 1970-01-01
      • 2018-10-14
      • 1970-01-01
      • 2016-03-17
      相关资源
      最近更新 更多