问题标签 [ember-app-kit]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
460 浏览

twitter-bootstrap - 包括 Ember App Kit 的引导样式

我之前曾开发过 Ember 应用程序,但从未使用过 Ember 应用程序工具包,事实上,这个 gruntfiles 和 bower 依赖项以及其他东西的世界对我来说是相当新的。我在这个 repo创建了一个新的、刚刚解压的 ember 应用程序工具包项目,并试图让你在 app/templates/application.hbs 中看到的样式正常工作。

我认为Ember Discourse 上的这个帖子会非常有帮助,但我一定遗漏了一些基本的东西,因为今天早上我尝试了几个小时来遵循所有这些建议,但我没有让它发挥作用。

我所取得的进展总结(对我来说)似乎是在正确的道路上:

  1. npm install --save-dev grunt-contrib-less根据这里的信息启用了 less 。
  2. 我通过执行在 vendor/bootstrap 下安装了所有引导程序垃圾bower install --save bootstrap
  3. 我有点希望它在这一点上工作,但是当我运行grunt dist引导程序时,东西不在 dist/assets/whatevercode.min.css
  4. 我将停止列出,因为在这一点上我尝试了大约一百万件事情并最终恢复了其中的大部分。他们都是从我上面提到的线程中挑选出来的,但是这些策略要么已经过时,要么留下了一些我没有做的事情。

这真的不应该那么具有挑战性,除了我认为我缺少一些基本知识。这当然不是边缘情况,我只想在我的香草 EAK 中使用香草引导程序。:)

0 投票
2 回答
230 浏览

javascript - Ember App Kit 项目供应商文件夹为空

目前我正在尝试使用 EmberJS 启动一个项目。从我在互联网上找到的 Ember App Kit 是一个很好的“模板”来启动应用程序。

因此,我遵循了入门指南,但遇到了问题。

我已经安装了 npm、bower 和 grunt 并运行了该页面上给出的所有命令。但我的供应商文件夹保持空白。因此,当开始一切grunt server并转到我的浏览器时,localhost:8000它什么也没有显示(我得到一堆 404 用于供应商库(例如 jQuery、Ember 等)。

我发现它们位于 public/js/libs 而不是 /vendor 中(尽管此文件夹确实存在),我可以将 index.html 中的地址更改为指向那里。但我不认为这是我应该做的。

是我做错了什么,还是我忘记了什么。

0 投票
2 回答
1052 浏览

authentication - 在 Ember App Kit 中测试 ember-simple-auth

我正在尝试为我的 Ember 应用程序执行集成/验收测试。我正在专门测试用户身份验证(例如——提交登录表单)和需要经过身份验证的用户的受保护页面/状态。

关于我的应用程序的一般说明:

  • 使用Ember 应用套件
  • 使用ember-simple-auth进行身份验证
  • 我有api-stubs用于我的 ember-simple-auth 表单,可以使用 Devise 授权器进行访问。在浏览器中运行应用程序时,这些工作正常。

我有三个问题:

1. 设计身份验证器和临时存储

从 ember-simple-auth API 中,它指的是使用 Ephemeral 存储进行测试。我已经这样做了,很像这样。但是,会话似乎仍存储在本地存储中。如果我没有localStorage.clear()在每个测试设置/拆卸测试中执行失败,因为我在每个测试在第一个之后运行时保持登录状态。

当我为我的应用程序使用 Devise 身份验证器时,我是否能够防止在每次测试之间将会话存储在本地存储中?

2. 多重验收测试

如果我尝试登录超过 1的用户test(),我的测试将进入无限循环。第一个测试将通过,但是当第二个测试提交登录表单时,整个测试套件将停止并重新启动。

集成测试#1

集成测试#2

3. EAK api-stubs & Testem

EAK 的 api-stub似乎不适用于 Testem,因此当通过命令行/Testem 运行时,这些验收测试中的“登录”过程会失败。

我尝试设置 sinon.js,但上述问题使我无法确定它是否真正正常工作。使用 ember-simple-auth 成功存根登录用户的最佳方法是什么?是否可以将 EAK 的 api-stub 用于 Testem?

0 投票
1 回答
249 浏览

ember.js - 在 Github Pages 上的 Ember.js 中获取不带哈希的 url

我想摆脱我的网址中丑陋的哈希标签(www.example.com/#/projects/id -> www.example.com/projects/id)。所以我加了

如果我将我的应用程序打开到根 www.example.com,然后单击一个链接,我可以访问 www.example.com/projects 等等。但是,如果我将 www.example.com/projects 放在我的 url 栏中并以这种方式加载页面,我们会收到 404 错误。为什么会发生这种情况对我来说是有道理的(毕竟,服务器只在一个 url 上提供 javascript 资产)。我正在为我的网站使用 github 页面,我应该使用什么方法来完成这项工作?

0 投票
1 回答
709 浏览

ember.js - 使用 Ember App Kit 时如何命名/组织部分?

我今天正在重构一个简单的项目,它有一个部分。当我使用 ES6 将它从全局更新为模块时,我遇到了一个问题,即 ember 找不到部分(这在升级之前有效)。

部分文件被命名为 _foo.handlebars 并放置在根模板文件夹中(不像应用程序是全局的那样嵌套)

它在通过 Grunt 编译下来的最终 deps.min.js 中可用(再次 - 与全局版本相同的过程)。在父模板中它是这样引用的

使用 EAK 是否需要您以我不知道的特殊方式命名/组织部分?

0 投票
0 回答
64 浏览

ember.js - Ember App Kit (EAK) 将所有组件相关信息存储在一个文件夹中

我想创建一个 ember 组件并将所有相关的组件部分(例如模板、脚本)存储在同一个文件夹中。当前 Ember App Kit 要求将所有组件 js 文件存储在 appkit/components 文件夹中,并将模板文件 (.hba) 存储在 appkit/templates/components 文件夹中。

那是因为命名约定和 appkit 解析器。

有什么办法可以覆盖这种行为。

我的组件文件夹结构目标是。

Foo 文件夹

  • 索引.hbs
  • index.js
  • script2.js

当前文件夹结构

/components/index.js /templates/components/index.hbs

0 投票
2 回答
878 浏览

ember.js - 使用 Ember App Kit 在子目录中构建 Ember 应用程序

Ember App Kit 中的目录结构规定所有控制器都位于“/app/controllers/”目录中;车把模板位于“/app/templates/”目录中,依此类推。

但是,我的团队目前正在开发一个 Ember 应用程序,其中功能区域(以及源文件)的数量不断增长,因此我们希望在这些目录下为我们的控制器、模板等创建子目录,而不是将所有内容分组在同一个目录。

我们通过以下方式组织我们的控制器和相应的车把模板,为一个功能区域完成了此操作:

/app/controllers/availability/availability.js
/app/templates/availability/availability.hbs

到目前为止,我们能够使这种方法发挥作用(即在这个嵌套目录结构中链接我们的控制器和模板)的唯一方法是创建以下路由:

this.route('availability.availabilty', {path: "/availability"});

这具有 Ember 为我们创建以下内容的副作用:

路由名称:availability.availability
路由:AvailabilityAvailability
Controller:AvailabilityAvailabilityController
模板:availability/availability
URL:#/availability

在生成的 Ember 控制器中重复了“可用性”一词,以呼应我们嵌套的可用性/可用性目录结构。

有谁知道在 Ember App Kit 的子目录中组织应用程序的更好方法?这肯定是具有大量源文件的应用程序的常见要求。

例如,我们希望 Ember 为我们创建以下内容:

路线名称:可用性。可用性
路由:可用性可用性
控制器:可用性可用性控制器
模板:可用性/可用性
URL:#/可用性

非常感谢

0 投票
1 回答
43 浏览

jquery - EmberJS:从服务器填充公共视图

我是使用 EmberJS 的初学者,我正在尝试使用它。我正在使用 Ember AppKit。

我有一个页面,localhost:8000/#/home. 在我的全局 application.hbs 中,我有多个视图:页眉、导航、页脚和中间的 {{outlet}} 以加载当前页面。

应用程序.hbs:

我找到了调用服务器以home.hbs使用模型、路由和适配器填充当前页面的方法。

路线/home.js:

适配器/home.js:

模型/home.js

(以上只是一个例子)

但现在我正在寻找一种方法来从服务器填充我的常用视图的内容。它们不是页面,因此它们不需要路由。我不想访问localhost:8000/#/header

虽然我的内容在 API 上可用,但localhost:8000/api/content/header 你知道我应该遵循什么方法来做这样的事情吗?我正在考虑使用 $.getJSON 直接在控制器内部进行调用,但我不确定这是最好的方法......

谢谢

0 投票
1 回答
183 浏览

ember.js - Ember 数据加载 hasMany 关系在 Ember App Kit (EAK) 中不起作用

我正在尝试在两个模型之间建立 hasMany 关系,并在 hasMany 和 hasOne 之间建立 hasOne(在当前版本的 Ember Data 中属于 BelongsTo)。

我正在使用 Ember Data 并制作了一个符合 Ember 约定的 RESTful API。所有的类都可以单独查询。

所以目标是获取 aBookmarkTerms通过Termbinding. 我已经很高兴让BookmarktoTermbinding关系正常工作。我经历了这里发布的所有问题,遗憾的是没有奏效。

路由器.js

书签.js

术语绑定.js

我希望有人可以帮助我,因为这阻止了我将 Ember 用于我的书签应用程序。提前致谢。

0 投票
0 回答
52 浏览

ember.js - Ember App Kit 和 ember-oauth2

我是 Ember 新手,正在尝试将https://github.com/amkirwan/ember-oauth2库与基于 Ember App Kit 的 Ember 应用程序一起使用。

我进行了很多搜索,但找不到以下答案:

ember-oauth2 创建一个 App.oauth 全局,在其他地方需要

App.oauth = Ember.OAuth2.create({providerId: 'google'}); App.oauth.authorize();

然后我想在我的控制器中访问它。但是,“App”对象在控制器中不可用。如何访问控制器中在 App 级别定义的全局对象?

它还在回调 HTML 中使用 window.App.oauth 变量,因此编译后我需要 oauth 全局可用。