Question

我正在使用angularjs和ionrangeslider（我知道还有其他滑块，但我必须使用这个滑块）。

滑块库在输入元素中定义，然后隐藏输入元素，绘制滑块，并在移动滑块时更新输入元素的值。

angular的问题在于它没有读取input元素的值（可能是因为它被隐藏了）。我已经阅读了很多帖子，声明使用隐藏字段不是有角度的方式，但我不确定它们是否适用于这种情况。

我用来定义滑块的代码是：

<input 
    id="validationPercentage"   
    type="text" 
    name="validationPercentage"
    data-ng-model="campaign.validationPercentage"
    data-postfix="%"
    data-hasGrid="true"
    data-type="single"
    data-step="1"
    data-min="0"
    data-max="100"
    ></input>

我控制器中的代码是：

var newcampaign = new Campaigns({
    description: this.campaign.description,
    validationPercentage : this.campaign.validationPercentage

});
console.log(this.campaign.description);
console.log(this.campaign.validationPercentage);

输出对于描述字段是可以的，这是一个可见的文本字段，但是对于validationPercentage是未定义的。

我可以通过直接访问DOM树中的输入字段来解决它，但这不是一个好的解决方案。

任何想法我怎么能以Angular的方式做到这一点？

提前致谢

带有ionrangeslider的angularjs

0 个答案: