2015-03-13 16 views
6

Próbuję zintegrować skrypt do przesyłania na moją stronę. Korzystam z uploadcare.com. pod warunkiem, że prosty dyrektywy, ale po prostu nie mogę zmusić go do pracy:datowanie plików angularjs do uploadcare.com nie działa

https://github.com/uploadcare/angular-uploadcare/blob/master/angular-uploadcare.js 

mam ustawienie ng-Model = „test” w moim kontroler mam następujące:

angular.module('testApp') 
    .controller('MyCtrl', function ($scope) { 
    $scope.test = "test"; 
    }); 

Kod html wygląda tak:

<uploadcare-widget ng-model="test" data-public-key="xyz" /> 

Kiedy sprawdzić Firebug widzę, że widżet działa:

<input type="hidden" role="uploadcare-uploader" ng-model="test" data-public-key="6e0958899488d61fd5d0" data-crop="1200:630" value="http://www.ucarecdn.com/ca5513da-90f1-40d1-89e7-648237xxxxxx/-/crop/2560x1344/0,128/-/preview/" class="ng-isolate-scope ng-valid"> 

Ale ta wartość wejściowa nigdy nie jest zapełniana moim "$ scope.test". Dlaczego? Kiedy wyprowadzam $ scope.test, nadal wyświetla się "test" zamiast wartości ścieżki obrazu.

+0

@yretuta Czy używasz najnowszej wersji tej dyrektywy? Wydaje się, że v0.1.0 nie obsługuje poprawnie wiązania danych. Zobacz to zatwierdzenie tutaj: https://github.com/uploadcare/angular-uploadcare/commit/c048f4651723366e7b163c8335567feedc2362a9 –

Odpowiedz

2

Można użyć $ oglądać w kątowym

$scope.$watch('test', function(newValue, oldValue) { 
    console.log($scope.test); 
}); 

lub funkcji dostarczonych przez uploadcare

$scope.onUCUploadComplete = function(info){ 
    console.log(info); 
}; 

który jest funkcja zwrotna po obrazie zostanie dodane

1

proszę sprawdzić zakres testu Model. Możesz również zaktualizować zmienną zakresu w dyrektywie, np.

scope.test = $element.value() 
Powiązane problemy