将 AngularJS 与 MeteorJS 结合使用

2023-12-24

所以我对这两种技术都相当陌生。我的计划是实施他们用 Backbone 制作的 Peepcode Tunes 项目(https://github.com/philipkobernik/backbone-tunes https://github.com/philipkobernik/backbone-tunes)与 MeteorJS,然后尝试使用 MeteorJS 和 AngularJS 插件来实现它。有人已经用 Angular 完成了这一切:https://github.com/angular/peepcode-tunes https://github.com/angular/peepcode-tunes

大多数事情都进展得很顺利。您可以在以下位置查看我到目前为止所拥有的内容:

只是流星:https://github.com/Jonovono/Meteor-peepcode-tunes https://github.com/Jonovono/Meteor-peepcode-tunesMeteor 和 AngularJs:https://github.com/Jonovono/Meteor-angular-peepcode-tunes https://github.com/Jonovono/Meteor-angular-peepcode-tunes

我真的很喜欢使用 Angular 并能够从视图中传递内容,例如:

ng-click="pl.add(album)">

当只使用 Meteor 时,这似乎更复杂。

然而我有一个问题。假设我想在每次添加/删除专辑时保存播放列表。这样,如果刷新页面,它仍然存在。我不知道执行此操作的最佳方法,并且当将 AngularJS 与 Meteor 一起使用时,我很困惑应该如何完成此操作。

现在,当使用 Angular 和 Meteor 时,我会执行以下操作:

$scope.Playlist = new Meteor.AngularCollection("playlist", $scope);
$scope.playlist = $scope.Playlist.findOne({});

    $scope.pl.add = function(album) {
    if ($scope.playlist.indexOf(album) != -1) return;
    $scope.playlist.push(album);
    $scope.playlist.$save();
};

然而,这似乎并没有将其保存到数据库中。但如果我要做类似的事情:

    album.title = "CHANGED"
    album.$save()

看起来它会将其保存到数据库中。

我确信我只是缺少一些关于 Meteor 或 AngularJS 添加的小东西。任何启发都会很棒!


这里是这座桥的创造者。你从github上拉取最新版本了吗?我还没有更新气氛版本。对此感到抱歉。 .findOne 需要一些额外的代码,今晚将推送它。

https://github.com/lvbreda/Meteor_angularjs https://github.com/lvbreda/Meteor_angularjs

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将 AngularJS 与 MeteorJS 结合使用 的相关文章

  • 将 Javascript 变量转换为 PHP 变量

    我想使用由 videoel getCurrentTime 函数返回给我的 javascript 变量 并将其转换为 php 变量 以便我能够将其添加到我的 SQL 插入查询中 例如 INSERT INTO tblData VALUES ph
  • 如何在光标下的所有元素上调用 mouseover?

    我有一个网络应用程序 每次单击时都会创建一个点 见下文 当我将鼠标悬停在一堆点上时 我希望光标下的每个点都会触发 mouseover 或 mouseenter 事件 然而 只有一个事件被触发 即堆栈 顶部 的点的事件 当鼠标移动到一堆多个点
  • React 渲染中的不变违规或 React 中迭代和返回的正确方法

    我在 React 渲染中遇到了持续存在的问题 这段代码 jsx React DOM var AnswerRows React createClass componentDidMount function render function th
  • 如何使用 LinkedIn javascript sdk 检索包括所有字段的职位列表?

    我想要获取 LinkedIn 会员在其个人资料中输入的每个职位的 ID 头衔 摘要 开始日期 结束日期 当前状态和公司名称 我测试了一个查询休息控制台 https apigee com console linkedin我得到了想要的结果 查
  • 如何根据按钮单击折叠和展开 Kendo UI 树视图中的所有树节点?

    这是行不通的 您可以使用此代码 1 崩溃 折叠kendoTree查看文档 http docs kendoui com api web treeview methods collapse treeview kendoTreeView var
  • 来自 DataURL 的 Blob?

    Using FileReader s readAsDataURL 我可以将任意数据转换为数据 URL 有没有办法将数据 URL 转换回Blob使用内置浏览器 API 的实例 用户 Matt 一年前提出了以下代码 如何在javascript中
  • HTML5 服务器端事件:EventSource 与包装的 WebSocket

    HTML5 服务器发送事件 SSE API 是否只是 HTML5 WebSocket 之上的受限制的 基于事件的 API 在我看来 一个EventSource只是一个WebSocket that Cannot send data 使用tex
  • 是否可以将反应组件导出为非反应项目中的函数

    有没有办法在非 React 项目中将 React 组件导出为函数并传入 props 作为函数的参数 我最近用 create react app 完成了一个 React 项目 现在我想将它用于其他非 React 项目 纯 Javascript
  • Laravel + AngularJS Nginx 路由

    我有以下问题 我需要配置Nginx 这样在任何URL用户访问时 它都会保留uri 例如domain com some url 但仅传递给 laravel 并让 Angular 处理路由 Route get function return v
  • Bing.com 如何创建放大的缩略图?

    当我使用 Bing com 搜索图像时 我发现它们的图像经过精心裁剪和排序 当您将鼠标放在图像上时 会弹出另一个窗口 其中显示放大的图像 我想在我的程序中做同样的事情 我检查了他们页面的源代码 他们正在使用 javascript 但我仍然不
  • 提交前验证表单(比检查空字段更复杂)

    我有一个包含时间输入的表单 具体来说 开放时间和结束时间 当按下提交按钮时 它会转到一个 php 页面 其中这些输入将添加到数据库中 在允许提交表单之前我想检查一些事情 例如 我想确保开始时间早于 小于 结束时间 这是表格 Opens
  • jQuery Blur() 在 Chrome 上不起作用

    我在 MacOSX 上运行这个http jsfiddle net q84wv http jsfiddle net q84wv on Chrome最新版本 它不会工作 在 Firefox 上运行时它工作得很好 有什么线索吗 假设您想要aler
  • 在 vue.js 模板中包含外部脚本

    我是 Vue js 和 web pack 的新手 所以我决定使用 vue cli webpack 来构建初始应用程序 我试图包含一个外部脚本 例如组件 不需要的模板中 但是 Vue 警告这是不允许的 我的 index html 文件与最初生
  • 元素中优先考虑 ngclick 而非 nghref

    tl dr 如何强制 Angular 只执行 ngclick 指令 a 元素而不清空 删除href 我的网站在某些元素上有一些自定义行为 模式打开 位置栏更新等 但对于 SEO 索引我also需要它成为一个 a 元素与href包含有效链接的
  • 我可以重写/扩展 Meteor 方法吗?

    是否有可能以某种方式重写 Meteor 中的方法 或者定义另一个函数 使得both会被叫吗 在我的常规代码中 Meteor methods foo parameters gt bar parameters 稍后加载的其他地方 例如在test
  • 为什么我需要 $(document.body) 来使用 Mootools Element 方法扩展 document.body?

    因此 在尝试让我的应用程序在最新的 IE 上运行后 结果发现 IE 不喜欢以下代码 document body getElement className Firefox 和 Chrome 响应良好 但是document bodyIE 上没有
  • Dojo/on 和捕获阶段

    有没有办法用 dojo on 在捕获阶段 而不是冒泡阶段 触发事件 我最终在这里寻找有关 on 的前身 dojo connect 的信息 就其价值而言 dojo connect 似乎不支持捕获阶段的事件侦听器 它的工作原理是将事件处理程序作
  • 错误:创建 React Native 项目版本 0.59.9 时找不到 template.config.js

    当我尝试创建 React Native 项目版本 0 59 9 时 出现以下错误 错误错误 无法在 react native 模板中找到 var folders zc h93bvpb573q24 5ynvgkn1wc0000gn T rnc
  • 使用 jquery 提供附加功能时菜单未正确对齐

    I need to make a mega menu similar to one as show in image below 到目前为止 我已经能够在某种程度上使其发挥作用 例如jsFiddle 在这里 http jsfiddle ne
  • FullCalendar 检查选择日是否有活动?

    我正在使用 Full Calendar js 插件 到目前为止一切顺利 但我想检查开始和结束之间的选择是否有事件 我只需要返回 true 或 false 基本上 如果日期选择中已经存在事件 我想阻止用户创建事件 var calendar c

随机推荐

  • 如何在Nose2中运行特定测试

    在以前版本的 Nose 测试框架中 有多种方法可以仅指定所有测试的子集 nosetests test module nosetests another test TestCase test method nosetests a test T
  • 带套接字的 TCP 客户端/服务器、服务器向客户端发送文件、客户端挂起、Python

    我想用Python 中的套接字编写一个简单的TCP 服务器 服务器应将图像发送到连接的客户端 客户端应该收到图像 但是 现在客户端只收到图像的一部分 我什至无法打开它 服务器是使用 select 的多客户端 但这不是这里的问题 我认为问题出
  • PHP 命名空间和动态类名

    我在尝试 spl autoload 命名空间和动态类名时遇到了一件 奇怪 的事情 我使用 PHP 5 3 2 像这样调用自动加载 set include path get include path PATH SEPARATOR classe
  • 替代 (?!y) 但在单词之前

    如果我想排除 yapple 为什么我不能使用 my apple y 的替代品是什么before a word http jsfiddle net ksevlyar SbCCx 4 http jsfiddle net ksevelyar Sb
  • 从现有源创建android项目后缺少R类[重复]

    这个问题在这里已经有答案了 我下载了 SpriteMethodTest 的源代码 我想在 Eclipse 中构建它 所以我去了 文件 gt gt 新建 gt gt Android项目 gt gt 从现有源创建项目 gt gt SpriteM
  • Mllib依赖错误

    我正在尝试使用 Mllib 构建一个非常简单的 scala 独立应用程序 但在尝试构建程序时出现以下错误 Object Mllib is not a member of package org apache spark 然后 我意识到我必须
  • 验证参数是序列而不是字符串的 Pythonic 方法

    我有一个函数 它获取数据库表列表作为参数 并返回要在这些表上执行的命令字符串 例如 pg dump file tmp dump sql tables stack overflow port 5434 name europe 应该返回类似 p
  • 我应该在哪里放置可以显示 Flash 消息的 Laravel 4 辅助函数?

    我写了一个简单的display messages 将搜索的函数Session get errors 获取闪存数据并将其回显到屏幕上 我把这个功能放在哪里 在 Codeigniter 中 您有一个 helpers 文件夹 您可以在其中放置所有
  • 如何合并多个不包含在数组中的单独数组? [复制]

    这个问题在这里已经有答案了 如何合并存储在变量中但不包含在数组本身中的多个单独数组 变量 unique answer title包含这些单独的数组 但是 我试图将它们的所有元素组合成一个大的数字数组 当我使用array merge uniq
  • 在 C++ 中删除部分文件的最快方法

    我想知道在 C 中删除部分文件的最快方法是什么 我知道编写第二个文件并跳过你想要的部分的方法 但我认为当你处理大文件时速度很慢 数据库系统怎么样 它们如何如此快速地删除记录 数据库保留索引 元数据列出文件的哪些部分有效 哪些部分无效 要删除
  • 使用 FFT 计算频率时的错误值

    我得到了错误的频率 我不明白为什么我得到了错误的值 因为我已经按照 stackoverflow 后面的指令进行了计算 我用过FFThttp introcs cs princeton edu java 97data FFT java html
  • 将 bool 作为参数传递。 C++

    我想做的是下面的例子 我们首先定义一个布尔值 bool cat false 让我们在这里制作一本假书 bool setcat bool booltoset booltoset true return booltoset 现在让我们用 cat
  • 使用多个节点运行 slurm 脚本,使用 1 个任务启动作业步骤

    我正在尝试使用批处理脚本启动大量作业步骤 不同的步骤可以是完全不同的程序 并且每个步骤都需要一个 CPU 首先我尝试使用 multi prog论证srun 不幸的是 当以这种方式使用分配给我的工作的所有 CPU 时 性能会大幅下降 运行时间
  • 为什么junit中的assertEquals和assertSame对于同一个类的两个实例返回相同的结果?

    根据文件 assertEquals 断言两个对象相等 assertSame 断言两个对象引用同一个对象 所以我期待如果我有像下面这样的课程 class SomeClass then SomeClass someClass1 new Some
  • 如何在 JavaScript 中计算概率密度函数

    Note In 这个问题 https stackoverflow com questions 41224087 d3 js how to add distribution curves to histograms in version 4
  • Angular 和 Elasticsearch 的示例

    我正在寻找 AngularJS 和 Elasticsearch 使用新的官方客户端库协同工作的工作示例 elasticsearch angular js 发现于http www elasticsearch org blog client f
  • 如何区分javafx中表格行的单击或双击

    我正在尝试在 javafx 中创建一个表 允许用户单击一行以转到一页或双击该行以转到另一页 问题在于应用程序注册了单击事件 但没有等待查看是否有另一个双击 有没有办法让程序等待 看看是否有另一次点击 到目前为止我所拥有的看起来类似于 Tab
  • sklearn 和大型数据集

    我有一个 22 GB 的数据集 我想在我的笔记本电脑上处理它 当然我无法将其加载到内存中 我经常使用 sklearn 但数据集要小得多 在这种情况下 经典方法应该是这样的 只读取部分数据 gt 部分训练你的估计器 gt 删除数据 gt 读取
  • boost::asio 读取处理程序类型要求未满足

    我正在尝试将读取标头处理程序实现为成员函数来处理传入数据 然而在编译过程中我被告知不满足类型要求 我检查了 boost 文档 函数签名似乎没问题 我看不出有什么不同 但是 boost 不接受该处理程序有效 cpp 文件 void tcpcl
  • 将 AngularJS 与 MeteorJS 结合使用

    所以我对这两种技术都相当陌生 我的计划是实施他们用 Backbone 制作的 Peepcode Tunes 项目 https github com philipkobernik backbone tunes https github com