Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了uploadcare.com的angularjs数据绑定不起作用大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试将上传脚本集成到我的页面中.我正在使用uploadcare.com.他们提供了一个简单的指令,但我无法让它工作:

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

我正在设置ng-model =“test”,在我的控制器中我有以下内容

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

HTML代码看起来像这样

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

当我检查Firebug时,我可以看到该小部件有效:

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

但是这个输入值永远不会填充回我的“$scope.test”.这是为什么?
当我输出$scope.test时,它仍然显示“test”而不是我的图像路径值.

@L_618_8@

你可以使用$watch in angular

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

或者uploadcare提供的功能

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

上传图像后,这是一个回调函数

大佬总结

以上是大佬教程为你收集整理的uploadcare.com的angularjs数据绑定不起作用全部内容,希望文章能够帮你解决uploadcare.com的angularjs数据绑定不起作用所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。