[英]oboejs : Nothing happens after JSON response
JS:
function OrderFormController($scope, $http) {
$scope.sampleJSON = [];
$scope.sampleJSONDuplicates = [];
oboe('/getPMDResultsByDateAndSeverity')
.done(function(data) {
$scope.sampleJSON.push(data.pmdStructureWrapper);
$scope.sampleJSONDuplicates.push(data.pmdDuplicates);
})
.fail(function() {
console.log('error');
});
}
html:
<body ng-app ng-controller="OrderFormController">
<div class="splash" ng-cloak="">
<h2>Please wait, Loading Review Result</h2>
</div>
<div class="col-md-12 col-lg-12" ng-cloak="">
<div class="panel with-nav-tabs panel-default">
<div class="panel-heading">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1default" data-toggle="tab">Classes</a></li>
</ul>
</div>
<div class="panel-body">
<div class="tab-content">
<div class="tab-pane fade in active" id="tab1default">
<ul class="col-md-12 col-lg-12">
<li ng-click="showErrorDetails(key)" class="col-sm-12 col-md-4 col-lg-4 eachClassCell"
ng-repeat='(key,value) in sampleJSON'>
<div ng-if="key.indexOf('.cls') > -1">
<div title="{{key}}" class="classNameLabel">{{key}}</div>
<div title="Error count" class="errorContainer">
<span class="errorCount">{{value.pmdStructures.length}}</span>
<span class="errorMeter"
ng-repeat="eachClass in value.pmdStructures | limitTo: 10"></span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<form>
</form>
<footer>
<p>Salesforce Free Code Review, Copyright © 2017</p>
<p>Contact Us : <a href="mailto:****">Mail Us</a>
</p>
</footer>
<script type="application/javascript">
$(function() {
$('.panel-body li').each(function() {
if($.trim($(this).text()) === "") {
$(this).hide();
}
});
});
</script>
</body>
该页面不呈现任何内容。 有什么我想念的吗? 我知道页面在结果之前呈现,但我如何重新呈现它? 我必须保持异步,因为当我在 heroku 中托管我的应用程序时,调用会超时(30000 毫秒),如果我使用来自 ajax 的 async false:
var jsonData = $.ajax({
url: "/getPMDResultsByDateAndSeverity",
dataType: "json",
crossDomain: true,
async: false
}).responseText;
当我使用 async false 时,它也不断耗尽堆内存。 我已经修改了服务器端以达到最佳水平。 使用 async false 时:c.****.algo.MetadataLoginUtil:总时间 26825
使用 async true 后:我认为 oboe.js 在内部做了:
c.****.algo.MetadataLoginUtil:总时间 6321
以上是从服务器端获取响应所花费的时间。
您需要在done()
的末尾调用$scope.$apply()
done()
。
因为调用是异步的,而且 oboe 没有挂接到 angular 的作用域框架中,所以 angular 在你收到 ajax 响应后不会知道页面需要重新渲染。
$scope.$apply()
告诉 Angular 范围已经改变,因此刷新页面显示。 这个问答更详细地解释了这一点。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.