3

これは私の最初の投稿なので、包括的であることを願っています。

私は AngularJs を使用しており、角度ディレクティブを使用して JqueryUI スライダーを追加しました。その方法に関する多くの例を見つけましたが、スコープからスライダーに初期値を追加する方法を示すものはありません。

ここに私が作成した jsfiddleがあります

var testApp= angular.module('testApp',['ngResource']);

testApp.factory('remoteRequest', function($resource) {
var remoteRequest = $resource('/echo/json/');
return remoteRequest;
});

testApp.directive('sliderDays', function() {
return {
    link: function(scope, elem,attrs) {
        $(elem).slider({
            range: true,
            min: scope.days[1],
            max: scope.days[scope.days.length-1],
            values: [scope.days[0], scope.days[1]],
            slide: function( event, ui ) {
                console.log(ui.values[ 0 ] +" "+ ui.values[ 1 ]                 );
            }
        });
    }
}
});

function TestCtrl($scope, $resource, remoteRequest)
{
$scope.prova=1;
$scope.days=[];
var ret= remoteRequest.get(function(){
     $scope.days=[1,2,3,4,5,10,25];
});
}

どんな種類の助けも大歓迎です、ありがとう!

4

1 に答える 1