如何处理AngularJS中的错误

Question

我刚开始学习angular.js，我想显示Controller中定义的数组，但是当我尝试显示其显示空白页面时。 我知道是否可以将post1中的ng-repeat = post更改为posts中的ng-repeat = post”，它可以正常工作。但是我想在控制台或浏览器中显示错误。请有人可以帮助我。

 var mainapp = angular.module('mainApp', []); mainapp.controller('control', function ($scope) { $scope.posts = [ {title: 'post 1', upvotes: 5}, {title: 'post 2', upvotes: 2}, {title: 'post 3', upvotes: 15}, {title: 'post 4', upvotes: 9}, {title: 'post 5', upvotes: 4} ]; });

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

Answer 1

从偏航角度来看，这根本不是错误。 实际上，在模板中使用暂时未定义的变量是很平常的事，但稍后会获得一些价值。

即假设您在控制器中：

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

Answer 2

使用ng-if指令检查“ post1”是否未定义并显示错误消息。

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

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

如何处理AngularJS中的错误

问题描述

2 个解决方案

解决方案1
1 2016-01-13 11:30:51

解决方案2
1 2016-01-13 11:46:03

如何处理AngularJS中的错误

问题描述

2 个解决方案

解决方案1 1 2016-01-13 11:30:51

解决方案2 1 2016-01-13 11:46:03

解决方案1
1 2016-01-13 11:30:51

解决方案2
1 2016-01-13 11:46:03