小编ali*_*eed的帖子

角度流星中客户端数据库操作的问题

我是角度流星应用程序开发的新手,我很难从客户端对数据库进行更改.我已经成功地完成了大部分角度流星教程,但是现在我正在尝试启动一个新项目并调整教程中的概念,我遇到了问题.

问题. 用户填写表单,当他们单击"添加"时,表单应将数据保存到数据库中.在同一页面上,我列出了一个显示所有数据库条目的列表(典型的"元素中的元素"循环在html列表中).但是,当我在填写表单后单击"添加"时,新条目将暂时添加到列表中,然后消失.当我点击"全部删除"按钮时,会发生同样的行为,一切都会消失片刻然后恢复.持续存在的数据是添加/删除之前数据库中的数据.

尝试进行故障排除.我可以使用"meteor mongo"访问该集合,并且持久存在的值在集合中.我可以从命令行添加到集合或从中删除(编辑:并且更改反映在客户端).在客户端提交的条目不会添加到数据库中.我使用条件启动了具有服务器端启动功能的数据库if (Videos.find().count() === 0).我想也许数据库每次都只是重新初始化,但是当初始化代码被注释掉时,行为仍然存在.添加自动发布项目无法解决问题.编辑:谷歌浏览器在提交之前或之后在控制台中没有任何错误.

相关守则.我正在使用此存储库作为起点.

/client/views/submit/submit.controller.js

angular.module("app").controller("SubmitCtrl", ['$scope', '$meteor',
  function($scope, $meteor){

    $scope.videos = $meteor.collection(Videos).subscribe('videos');

  }
]);
Run Code Online (Sandbox Code Playgroud)

/client/views/submit/submit.ng.html

<form>
  <label>URL</label>
  <input ng-model="newVideo.linkurl">
  <label>Description</label>
  <input ng-model="newVideo.description">   
  <button ng-click="videos.save(newVideo); newVideo='';">Add</button>
</form>

<ul>
  <li ng-repeat="video in videos">
    {{video.linkurl}}
    <p>{{video.description}}</p>
  </li>
</ul>  
Run Code Online (Sandbox Code Playgroud)

/model/collections.js Videos = new Mongo.Collection("videos");

/server/publications/videos.js

Meteor.startup(function () {
  if (Videos.find().count() === 0) {
    var videos = [
      { 'linkurl': 'https://www.youtube.com/watch?v=O7zewtuUM_0',
        'description': '1st video'},
      { 'linkurl': 'https://www.youtube.com/watch?v=KSzuiqVjJg4', …
Run Code Online (Sandbox Code Playgroud)

mongodb angularjs meteor angular-meteor

3
推荐指数
1
解决办法
670
查看次数

标签 统计

angular-meteor ×1

angularjs ×1

meteor ×1

mongodb ×1