AngularJS使用NG风格

我想动态调整一个div时从S3的事件被触发设置宽度。AngularJS使用NG风格

在下面的代码我的progress变量发送到updateProgress用作PARAM。这个功能在我的Angular控制器的最高范围内。

s3.upload(params).on('httpUploadProgress', function(evt) { 
     var progress; 
     progress = Math.floor(evt.loaded * 100/evt.total); 
     updateProgress(progress); 
    }) 
    .send(function(err, res, data) { 
     if (err) { 
      growl.error("We're having trouble uploading your image. Please try again!", {title: 'Whoops!', ttl: 5000}); 
      console.log('Error uploading' + err); 
     } else { 
      imgLocation = res.Location; 
      postToFirebase(imgLocation); 
     } 
    });

这里是我的UpdateProgress功能

function updateProgress(percent) { 
    $scope.progressBar = { 
     'width': percent + '%' 
    } 
}

HTML

<div ng-style="progressBar" class="shot__image--post__progress"></div>

我可以成功CONSOLE.LOG的AWS事件和进度值。但是，当我上传图像时，宽度永远不会改变。在此线程的评论菲尔

来源

2016-08-22 Cole Roberts

你把你的'console.log'放在哪里？你在'function updateProgress（percent）'里面检查过它吗？ –

我检查了updateProgress函数中的'console.log'，它记录了正确的值。这是一个截图：http://imgur.com/a/GXdNt –

@cole Roberts，将调试器放在'updateProgress'方法中，并观察'percent'的值。如果可能，你可以添加小提琴/ Plnkr。 –

答案。

假设S3库不是部分或有份参与，角消化周期，你需要用在 $范围发生变化，以$作用域属性。$申请或$范围。$ applyAsync。请参阅 docs.angularjs.org/api/ng/type/$rootScope.Scope#$apply。用户Raghu 回答了这个较早，但被downvoted因为某些原因

的解决方案是简单地将updateProgress FN内调用$scope.$apply()。

来源

2016-08-22 05:25:11

AngularJS使用NG风格

回答

相关问题