使用AngularJS ngModel绑定多个HTML属性
我是AngularJS的新手,如果这是一个noob问题,请原谅我。文档非常简洁,所以我可能遗漏了一些明显的东西 我正在考虑将一组自定义内部代码迁移到Angular,我必须使用REST模式使Angular工作,其中输入如下所示:使用AngularJS ngModel绑定多个HTML属性,angularjs,angularjs-directive,Angularjs,Angularjs Directive,我是AngularJS的新手,如果这是一个noob问题,请原谅我。文档非常简洁,所以我可能遗漏了一些明显的东西 我正在考虑将一组自定义内部代码迁移到Angular,我必须使用REST模式使Angular工作,其中输入如下所示: foo: { value: 100, min: 50, max: 150 } 值成为输入中显示的值,最小值和最大值(当前)绑定到最小值和最大值属性。这些数据随后由验证函数提取。如果该值超出最小-最大范围,则会将其调整回该范围 不管怎样,我试着做一些事情
foo: {
value: 100,
min: 50,
max: 150
}
值成为输入中显示的值,最小值和最大值(当前)绑定到最小值和最大值属性。这些数据随后由验证函数提取。如果该值超出最小-最大范围,则会将其调整回该范围
不管怎样,我试着做一些事情,比如:
<input type="text" ng-model="foo" my-bind />
。。。并使用名为myBind
的指令覆盖ngModel
,以管理关系,从而将值读写到foo.value
随后,我将使用自定义验证器来处理min/max属性
有谁能举例说明我如何实现这样的绑定?到目前为止,我没有太多的运气使它起作用
。。。或者我的整个方法都很愚蠢?不过,我确实需要处理上面的数据结构,在不久的将来我无法改变它。我不完全确定我是否理解这个问题,但您似乎可以这样做:
<input type="number" ng-model="foo.value" max="foo.max" min="foo.min" />
从文档中可以看出。我不能完全确定我是否理解这个问题,但您似乎可以这样做:
<input type="number" ng-model="foo.value" max="foo.max" min="foo.min" />
从文档中可以看出。我认为最简单的解决方案可能是最好的,但我不知道我在这方面是否完全错了。有一个REST服务为输入元素提供一组数据。每一个都有我上面提到的{value,min,max}
结构。如果值
为非数字,则通常不指定max
或min
属性。无论如何,也许我应该换一种方式,将max/min与其他地方的值分开。我最终的目标是使用一个集成的验证器(即Angular的验证系统的一部分)来处理最大/最小边界。我认为最简单的解决方案可能是最好的,但我怀疑我在这方面是否完全错了。有一个REST服务为输入元素提供一组数据。每一个都有我上面提到的{value,min,max}
结构。如果值
为非数字,则通常不指定max
或min
属性。无论如何,也许我应该换一种方式,将max/min与其他地方的值分开。我的目标最终是使用集成验证器(即Angular验证系统的一部分)来处理最大/最小边界。