Forms Angularjs-日期/时间戳

Forms Angularjs-日期/时间戳,forms,angularjs,datetime,Forms,Angularjs,Datetime,我正试图用angularjs找出一些东西。基本上,今天我决定在表单中添加一个时间/日期戳。换句话说,当有人试图发布某个东西时,时间和日期就会出现 因为我有一个带有实时预览的表单,所以我尝试在实时预览上连接时间。之后,时间戳将被公布,这样我就可以按评论顺序从最近的到不太最近的 我有两个抢劫犯。由于某种原因,我无法使代码正常工作。它没有像应该的那样出现在实时预览中,而是根本没有。不过,它会出现在表格上。第一个plunker具有最短代码,如下链接所示,而第二个plunker位于此消息的底部 我仍将在

我正试图用angularjs找出一些东西。基本上,今天我决定在表单中添加一个时间/日期戳。换句话说,当有人试图发布某个东西时,时间和日期就会出现

因为我有一个带有实时预览的表单,所以我尝试在实时预览上连接时间。之后,时间戳将被公布,这样我就可以按评论顺序从最近的到不太最近的

我有两个抢劫犯。由于某种原因,我无法使代码正常工作。它没有像应该的那样出现在实时预览中,而是根本没有。不过,它会出现在表格上。第一个plunker具有最短代码,如下链接所示,而第二个plunker位于此消息的底部

我仍将在此处显示部分代码,这就是我的问题所在:

 <blockquote ng-repeat="review in product.reviews | orderBy:'date'">
                        <b>Date: {{review.date}}</b>
            </blockquote>


           <form name="reviewForm" ng-controller="ReviewController as reviewCtrl" ng-submit="reviewForm.$valid && reviewCtrl.addReview(product)" novalidate>

                <blockquote>
                    <b>Date: {{reviewCtrl.review.date}}</b>
                    <br/>
                </blockquote>

<!-- DATE AND TIME -->

            <!-- The other time formats are at the bottom of this page -->
            <div ng-controller="timecontoller" ng-init="init();">
            <div ng-model="reviewCtrl.review.date" ng-repeat="date in dates">
                <b>Date: {{date.date1 | datetime}}</b>
            </div>
            </div>

            </form>

日期:{{review.Date}
日期:{{reviewCtrl.review.Date}

日期:{Date.date1 | datetime}
而第二个plunker具有整个可视部分,因此您可以直观地看到表单(不过我删除了某些元素以使其更易于查看)。你必须先点击“回顾”这个词


如果我正确地遵循了您的代码,那么您似乎正试图用此行指定审核日期:

ng-model="reviewCtrl.review.date" 
但它实际上并没有被赋予数据模型或绑定。如果您真的想将timecontroller时间更新传输到reviewController,那么我建议不要将其用作控制器,而是将其作为服务进行重构。当然,你也可以打开你的timeController范围,使用一个点击事件来传输数据或者类似的东西,但是看起来它并不是一开始就应该是一个控制器

现在,我想我最终改变了你的代码,而不是它对你真正的帮助。但这里有一个快速实现,它可以通过使您的timeController成为一个服务来实现


只是好奇,为什么你喜欢这个而不是$scope?这给了我一些麻烦。以前从未真正处理过这个问题。

我看到的错误是PanelController没有定义。所有内容都应该定义。我只是把整件事都删掉了。在另一个链接中,我有全部内容可供参考。实际上,我有标签和所有东西。@t我想我需要在我的回复中添加你的名字来标记你/\/\n哦,顺便说一句,如果你查看这个插件,你会看到我所说的日期/时间没有出现在实时预览中的意思:)我一直在玩代码,我在这里重新标记代码,代码工作得很好。不过,我必须弄清楚为什么输出以丑陋的方式显示时间/日期。至于你的问题,我对angularjs比较陌生,文档缺乏教学深度。我正在尽我所能使用手头的工具。其中一些是来自网站的视频、提示/技巧;当我无意中发现一些我在处理w/方面确实有困难的事情时,我来到这里,因为在我花了几个小时试图修复自己的代码之后,拥有第二双编码手会有所帮助。对不起,我的空间用完了lol。加上我上面所说的,因为我对angularjs比较陌生,使用$scope的细微差别,指令和所有这些东西都还没和我说话。因此,老实说,我看不到(或在这一点上理解)使用$scope或controller等的区别或优缺点。我意识到有时我的代码看起来不如其他人的代码那么博学,但这是因为我在学习时尽了最大的努力,使用了我掌握的工具。发现它:D缺少管道+日期时间:D现在看起来棒极了!好吧,除去我稍后将要处理的CSS lol.tgeery,我要感谢你成为第二对编码之手:)是的,angular的所有细微差别都是经过深思熟虑的。有很多东西需要学习,但随着时间的推移,它会变得更加直观。我认为在大多数情况下,$scope是实现DOM数据绑定的首选方法。不过你的代码看起来不错。我要说的唯一一件事是,当你试图在控制器之间交换信息时,通常最好想想有更好的方法。我会记住这一点。我只是希望angularjs能在网上找到更多的东西。现在,一切都是html、css、jquery和一点点php。当然,对于我从未学习过的语言,我也不知道(有这么多语言,但我希望以后再学习java)。Angularjs还没有出来,即使已经5年了?我觉得这太令人震惊了,因为现在是互联网、计算机、信息等的时代。