angularjs databinding cho uploadcare.com không hoạt động

Question

Tôi đang cố gắng tích hợp tập lệnh tải lên vào trang của mình. Tôi đang sử dụng uploadcare.com. Họ cung cấp một chỉ thị đơn giản nhưng tôi chỉ có thể không nhận được nó để làm việc:

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

Tôi đang thiết ng mô hình = "test" và trong bộ điều khiển của tôi, tôi đã điều sau đây:

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

mã html trông như thế:

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

Khi tôi kiểm tra Firebug tôi có thể thấy rằng các widget hoạt động:

<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"> 

Nhưng giá trị đầu vào này không bao giờ được điền vào "$ scope.test" của tôi. Tại sao vậy? Khi tôi đầu ra $ scope.test nó vẫn nói "kiểm tra" thay vì giá trị đường dẫn hình ảnh của tôi.

Answer 1

Bạn có thể sử dụng $ xem ở góc

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

Hoặc chức năng được cung cấp bởi uploadcare

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

Đó là một chức năng gọi lại sau khi hình ảnh được tải lên

Answer 2

Vui lòng kiểm tra phạm vi thử nghiệm mô hình. Bạn cũng có thể cập nhật biến phạm vi bên trong chỉ thị như

scope.test = $element.value()