Angularjs Thinkster MEAN Stack教程-获取用户输入：未生成帖子_Angularjs_Mean Stack

Angularjs Thinkster MEAN Stack教程-获取用户输入：未生成帖子

angularjs

Angularjs Thinkster MEAN Stack教程-获取用户输入：未生成帖子,angularjs,mean-stack,Angularjs,Mean Stack,我在“获取用户输入”部分。我正在单击“发布”按钮生成新的发布，但没有显示新的发布。当文本框输入为空时，有代码防止生成帖子，但即使我在文本框中键入标题，也不会生成帖子 Index.html <html> <head> <title>My Angular App</title> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.10/angular.mi

我在“获取用户输入”部分。我正在单击“发布”按钮生成新的发布，但没有显示新的发布。当文本框输入为空时，有代码防止生成帖子，但即使我在文本框中键入标题，也不会生成帖子

Index.html

<html>
<head>
    <title>My Angular App</title>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.10/angular.min.js"></script>
    <script src="app.js"></script>
</head>
<body ng-app="flapperNews" ng-controller="MainCtrl">
    <div ng-repeat="post in posts | orderBy: '-upvotes'">
    {{post.title}} - upvotes: {{post.upvotes}}
    <div>
    <form ng-submit="addPost()">
        <input type="text" ng-model="title"></input>
        <button type="submit">Post</button>
    </form>
</body>

我试着用我有限的知识来调试它（我是meanstack的初学者），并重新检查了教程代码，这似乎是相同的

这是教程链接：

您的html代码中有一个输入错误。ng repeat div未正确关闭


{{post.title}-upvoates:{{post.upvoates}

这应该行得通，您在提交前是否填写了标题字段？谢谢，我一定错过了。是否有html检查程序，因为升华文本在默认情况下不会显式突出显示此错误。也感谢您引入Plunker。我总是发现使用代码格式最容易发现此类错误，因为缩进将关闭。我认为崇高提供了这一点。：）

var app = angular.module('flapperNews',[]);
app.controller('MainCtrl',[
'$scope',
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}
    ];

    $scope.addPost = function(){
        if(!$scope.title || $scope.title === ''){return;}
        $scope.posts.push({title: $scope.title, upvotes: 0});
        $scope.title = '';
    };
}]);