当前位置: 首页 > 面试题库 >

AngularJS 无需封闭的验证

澹台俊达
2023-03-14
问题内容

在Angular中是否可以以与验证<input>表单类似的方式来验证单个隔离对象?我正在考虑这样的事情:

<div class="form-group">
    <input name="myInput" type="text" class="form-control" ng-model="bindTo" ng-maxlength="5">
    <span class="error" ng-show="myInput.$error.maxlength">Too long!</span>
</div>

上面的示例不起作用。将其包含在中<form>并替换ng-showng- show="myForm.myInput.$error.maxlength"帮助。

不使用就可以做到<form>吗?


问题答案:

您可以使用ng-form
angular指令(请参阅此处的文档)对所有内容进行分组,即使是在html表单之外。然后,您可以利用有角度的FormController。

<div class="form-group" ng-form name="myForm">
    <input name="myInput" type="text" class="form-control" ng-model="bindTo" ng-maxlength="5">
    <span class="error" ng-show="myForm.myInput.$error.maxlength">Too long!</span>
</div>



 类似资料:
  • 问题内容: 以下是我的代码段。我想使用angular来验证我的下拉菜单。 有效表示: 有效值可以是“选择服务”以外的任何值,这是我的默认值。 像其他ASP.net的下拉列表一样,需要字段验证器DefaultValue =“ 0”,因此在这里,我的下拉列表将与服务绑定,我想选择除“选择服务”之外的所有其他值。 问题答案: 您需要在下拉列表中添加属性,然后需要添加属性,然后可以使用引用错误: HTML

  • 问题内容: 我正在尝试按照AngularJS示例对所需字段进行内联验证。但是,当使用a时,它似乎对我不起作用。 JSFiddle 知道我做错了什么或我可以做些什么来解决吗? 问题答案: 不幸的是,您不能那样做。输入元素不喜欢动态生成名称。您将需要使用ng- form作为子表单并包装重复的元素。这是您的小提琴的叉子:http : //jsfiddle.net/p26VQ/

  • 问题内容: 我正在Netbeans中开发一个小型桌面应用程序。这是我的第一个程序,我正面临一种非常奇怪的错误类型。我知道我做错了什么,但无法追踪我做错了什么:( 请帮助我解决此错误。 说明:我有一个默认软件包,并根据需要在此软件包中创建新的Java类。与其他课程一起,我做了一个这样的课程: 现在,我需要在同一包中存在的其他某个类中创建内部类之一的实例,如下所示: 但我收到以下错误: 需要包含XY的

  • 我想让具有多个内部类的抽象类对其进行扩展,并可以通过静态方法创建其内部类的实例,但我得到编译器错误“无法访问ITask类型的封闭实例。必须使用ITask类型的封闭实例限定分配(例如,x.new A(),其中x是ITask的实例)。” 我发现内部类应该由外部类的实例创建,但是我的外部类有抽象方法,我不能创建它的实例。我创建了扩展父类的内部类,因为我习惯于控制它们的创建。那么有没有办法让我的模式发挥作

  • 我有一个叫做GreenhouseControls的类,它有很多 内置于其中的类,例如: 我从文本文件中提取值以获取事件名称(如“ThermostatNight”)和时间值(如“2000”)。为了用这些值实例化一个新对象,我构建了一个EventFactory,它接受这些值作为参数。 这是我构建的类,用于从文本文件值创建新的事件对象: 当我运行这个程序时,一切都运行得很好,直到我将EventFacto

  • 问题内容: 我已经看到了一些“解决方案”,但是每次的解决方案似乎都是“不要使用嵌套类,在外部定义类,然后再正常使用它们”。我不喜欢这个答案,因为它忽略了我选择嵌套类的主要原因,即拥有一个常量池(与基类相关联),该常量池可用于所有创建的子类实例。 这是示例代码: 所有类都传递一个参数,这是一个自定义的位流类。我的目的是要提供一种解决方案,该解决方案不需要我仍在ParentClass中时读取Child