Javascript 使用ui jq滑块以角度方式绑定数据

我有一个页面，用户可以在其中对不同类别的性能进行评分。我正在为angular使用ui jq滑块，我希望将选定的值绑定到$scope中的模型

<div ng-repeat="competence in screening_has_skillset.skillset.competences">
    <div class="col-sm-12 m-b-md">
        <p class="h3">{{competence.competence.name}}</p>
        {{competence.competence.level}}
        <input id="slider"
               ui-jq="slider"
               ui-options="{
                  min: 0,
                  max: 10,
                  step: 1,
                  value: {{competence.competence.level || val }}
               }"
               ng-model="competence.competence.level"
               class="slider slider-horizontal form-control" type="text">
    </div>
</div>

---

我也遇到了同样的问题，并为值绑定编写了一个名为ng slider model的属性指令

.指令'ngSliderModel'，['$parse'，函数$parse{ 返回{ 范围：{ ngSliderModel:“=”， ui选项：'=' }, 限制：“A”， 必需：['ngSliderModel']， 链接：函数范围、元素、属性{ //检查是否有UIO选项 var options='uiOptions'在attrs？scope.uiOptions:{}； //获取ngSlider模型的值 var val=scope.ngSliderModel； //如果值的范围为[15,25]，则返回uiOptions propertyName else的值，以及singles的值 var propName=angular.isArrayval？'values'：'value'； /*如果要在范围值未从滑块更改时滑动。。。 查看ngSliderModel属性 */ 范围.$watch'ngSliderModel'，functionnewValue{ element.sliderpropName，newValue； }; //设置选项的值 选项[propName]=val； //绑定幻灯片事件 元素。绑定“幻灯片”，函数{ //读取当前值 var value=element.slider'option'，propName； 作用域。$applyfunction{ //将该值应用于范围 scope.ngSliderModel=值； }; }; } }; }];; 值=val

---

这样做。在html元素输入中设置值。其中val是范围变量

如果您添加对您所做工作的描述，以及它如何回答用户问题的话，则此答案的信息量会大得多。我正在尝试这样做，但我对4空间意图有问题。。这是我的第一个答案。。预编码``我使用但无法更新它。。。{{val}}这样做。在HTML元素输入中设置值。请考虑使用Eddate来更新答案并删除此注释。

 <input id="slider" ui-jq="slider" value="val" ui-options="{
          min: 1,
          max: 100,
          step: 1,
          value: val
        }" ui-event="{slideStop: 'updateModel($event)'}" class="slider slider-horizontal form-control" type="text">