如何处理AngularJS中的错误

时间:2016-01-13 11:20:51

标签: javascript html angularjs

我是刚刚开始学习的angular.js的新手,我想显示在Controller中定义的数组,但是当我试图显示其显示的空白页面时。我知道如果我将post1中的 ng-repeat =帖子更改为 ng-repeat =帖子中的帖子“它会工作。但我想在控制台中显示错误或者在浏览器中。请任何人帮助我。

<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script>
</head>
<body ng-app="mainApp" ng-controller="control">

<div ng-repeat="post in post1 | orderBy:'upvotes'">
    <p>{{post.title}}-upvotes {{post.upvotes}}</p>
</div>

</body>
</html>
var contentByte = pdfWriter.DirectContent;
contentByte.BeginText();
contentByte.SetFontAndSize(baseFont, 10);
var multiLine = " Request for grant of leave for ____2______days";
contentByte.ShowTextAligned(PdfContentByte.ALIGN_LEFT, multiLine, 100, 540, 0);
contentByte.EndText();

2 个答案:

答案 0 :(得分:1)

从角度来看,这不是一个错误。实际上,在模板中使用目前尚未定义的变量是很常见的,但稍后会得到一些值。

即。想象你有控制器:

$timeout(function() {
    $scope.post1 = [{title : 'test'}];
}, 100)

答案 1 :(得分:1)

使用ng-if指令检查&#34; post1&#34;未定义并显示错误消息。

<div ng-repeat="post in post1 | orderBy:'upvotes'">
    <p>{{post.title}}-upvotes {{post.upvotes}}</p>
</div>

<div ng-if="post1==undefined">
     Error Message
</div>