Using Angular.js, the web page does not show submitted data

Question

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

app.controller('mainController',function($scope){
    $scope.posts=[];
    $scope.newPost={created_by:'', text:'', created_at:''};

    $scope.post=function(){
        $scope.newPost.created_at = Date.now();
        $scope.posts.push($scope.newPost);
        $scope.newPost={created_by:'', text:'', created_at:''};
    }
});

<!DOCTYPE html>

<html>
    <head>
    <title>Chirp</title>
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
    <script src="javascripts/chirpApp.js"></script>
    </head>
    <body>
        <div id='main' ng-controller="mainController">
            <form ng-Submit="post()">
                <input required type="text" placeholder="Your name" ng-model="newPost.created_by"/>
                <textarea required maxlength="300" rows="3" placeholder="say something" ng-model="newPost.text" ></textarea>
                <input class="button" type="submit" value="Chirp!"/>
            </form>
            <div id="post-stream">
                <h4>Chirp Feed</h4>
                    <!-- to be polulated by angular-->
                     <div class='post' ng-repeat="post in posts | orderBy:'created_at':true" ng-class-odd="'odd'" ng-class-even="'even'">

                     <p>{{post.created_by}} says {{post.text}} at {{post.created_at}}</p>

                    </div>
            </div>
        </div>
    </body>
</html>

I am following a MEAN stack tut and I cant shows the name and text that submitted by the form. I'm new to web development and don't know why it is not working

Malik Rezigui · Accepted Answer · 2015-10-21 22:58:16Z

1

hi can you try add this

<html ng-app="chirpApp">

answered Oct 21, 2015 at 22:58

Malik Rezigui

1511 bronze badge

Sign up to request clarification or add additional context in comments.

2 Comments

user5192042 Over a year ago

it works, thanks. but i still don't know why by adding ng-app into html tag makes it works. could you please explain why?

Malik Rezigui Over a year ago

you can see the angular doc you have an explanation docs.angularjs.org/api/ng/directive/ngApp

Collectives™ on Stack Overflow

Using Angular.js, the web page does not show submitted data

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related