尝试使用 ng-repeat 时出现黑屏？

Question

所以我正在尝试将 ng-repeat 用于 'blog' 之类的事情，我只是在控制台中得到一个没有错误的空白屏幕，我一直在玩它但是不能'不要弄清楚我做错了什么！谁能帮忙？这是我的代码：

HTML

<link rel="stylesheet" type="text/css" href="style.css">
<script src="angular.min.js"></script>
<script src="blog.js"></script>
<div class="myBlog" ng-app="app" ng-controller="blogController" ng-repeat="post in posts track by $index">
<h3>{{post.title}}</h3>
<p>{{post.date}}</p>
<p>{{post.content}}</p>
</div>

blog.js

var app = angular.module('app', []);

app.controller('blogController', function($scope) {

    $scope.posts = [
    {title:'Test Post',date:'5/10/16',content:'This is a test!'},
    {title:'Test Post 2',date:'5/10/16',content:'This is the second test!'}
    ];


});

如果这有帮助，当我在打开的页面上检查 chrome 中的元素时，我看到：

<!-- ngRepeat: post in posts track by $index -->

但仍然没有显示...

Answer 1

您需要将应用程序和控制器调用移到指定 ng-repeat 的 div 之外。

<div class="myBlog" ng-repeat="post in posts track by $index">
  <h3>{{post.title}}</h3>
  <p>{{post.date}}</p>
  <p>{{post.content}}</p>
</div>

看看 Plunker：http://plnkr.co/edit/gb4DgQFkvAsub4FLebbG?p=preview

通常，我喜欢在 html 标记中进行 ng-app 调用。我还对 div 元素进行 ng-controller 调用，该元素环绕着与该控制器相关的所有代码。

尝试使用 ng-repeat 时出现黑屏？

Getting blank screen when trying to use ng-repeat?

javascript

angularjs

ng-repeat