Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用AngularJS ngModel绑定多个HTML属性_Angularjs_Angularjs Directive - Fatal编程技术网

使用AngularJS ngModel绑定多个HTML属性

使用AngularJS ngModel绑定多个HTML属性,angularjs,angularjs-directive,Angularjs,Angularjs Directive,我是AngularJS的新手,如果这是一个noob问题,请原谅我。文档非常简洁,所以我可能遗漏了一些明显的东西 我正在考虑将一组自定义内部代码迁移到Angular,我必须使用REST模式使Angular工作,其中输入如下所示: foo: { value: 100, min: 50, max: 150 } 值成为输入中显示的值,最小值和最大值(当前)绑定到最小值和最大值属性。这些数据随后由验证函数提取。如果该值超出最小-最大范围,则会将其调整回该范围 不管怎样,我试着做一些事情

我是AngularJS的新手,如果这是一个noob问题,请原谅我。文档非常简洁,所以我可能遗漏了一些明显的东西

我正在考虑将一组自定义内部代码迁移到Angular,我必须使用REST模式使Angular工作,其中输入如下所示:

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验证系统的一部分)来处理最大/最小边界。