Question

我正在使用jquery CircularSlider插件。我在一个页面中有4个这样的滑块。我已将自定义值添加到滑块。现在我想使用angularjs指令获取每个滑块的值。

 var intensity = $('#intensity').CircularSlider({

      shape: "Half Circle",
      min : 0, 
      max: 2, 
      value:0,
      radius: 50,
      touch:true,
       setValue:function(value){
        console.log('inside set');
        value=value*10;
        return value;
       },
     formLabel : function(value, prefix, suffix){
        switch(value){
          case 0:
            return 'low';
          case 1:
            return 'med';
          case 2:
            return 'high';
        }
      }
      });

此滑块显示低，高，中等值。我已经写了指令来获得它的价值

.directive('exampleDirective2', function() {
return {
    restrict: 'E',
    link: function(scope, elm, attrs) {
        console.log("angular way"+angular.element(elm[0]).text());
        console.log(elm[0]);                       
        console.log(attrs);        
    }
};

}）

 <example-directive2>
   <div class="intSlider"  id="idInt1"> </div> </example-directive2>

但我有4个不同的滑块，并希望将它们包装在同一个指令中，并根据id获取其值。是否可以使用相同的指令？我怎样才能获得每个id的值？

此致 Shraddha

Answer 1

尝试一次......

var yourElement = angular.element( document.querySelector( '#id' ) );

AngularJS getElementById替代方案

1 个答案: