首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用Angular.js,网页不显示已提交的数据。

使用Angular.js,网页不显示已提交的数据。
EN

Stack Overflow用户
提问于 2015-10-21 22:53:20
回答 1查看 83关注 0票数 0
代码语言:javascript
复制
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:''};
    }
});
代码语言:javascript
复制
<!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>

我遵循的是一个平均的堆栈图图,我不能显示名称和文本提交的表单。我刚开始做web开发,不知道为什么它不起作用

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-10-21 22:58:16

嗨,你能试着加这个吗?

代码语言:javascript
复制
<html ng-app="chirpApp">
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33270593

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档