问题标签 [ember.js-view]

我有一个带有包含表格的模板的 ember 组件。在我的组件中 - 我想向 3rd 方服务发出 ajax 调用并获取一些数据。获得这些数据后，我将不得不根据输入进行另一个后续的 ajax 调用。由于这需要时间，我想在 ajax 调用完成时一个接一个地更新视图。在视觉上 - 这将在处理一个请求后向表中添加一个新行。

目前，ember 只允许我们通过它model()在路由器中的方法传递一个数组对象。

我研究了几个像List-view这样的项目，但它并没有解决上述问题。

编辑：-

以下是我目前正在做的事情 -

我的模板

Ember 视图将在列表更改时呈现。我想要做的是 - 在list.pushObject(item);被调用时向表中添加一行。目前 - 我看到视图正在等待返回所有内容。

此外，这个应用程序是一个电子应用程序——因此，我没有一个后端，而且我没有使用 ember-data。我正在调用几个 3rd 方服务，因此不涉及 ember 模型。

注意：使用 Ember Rails 0.18.2 和 ember-source 1.12.1

我继承了一个具有奇怪功能的 Ember 应用程序。我是 Ember 的新手，所以也许这很正常，但我觉得很奇怪。

有3种型号：

1. 父母
2. 游戏
3. 注释

当家长查看游戏时，网址如下所示：

（蛞蝓只是父母的唯一ID）。

在此 url 有一个包含此代码的模板：

单击上面的按钮，然后将 url 更改为：

然后出现该游戏的所有评论。

我需要从视图中删除该按钮，并为每个游戏自动显示评论。

API 是 Rails，我已经可以更改 API 端点以在请求游戏的同时返回所有评论（作为嵌入式对象数组）。

但是我用什么替换 {{outlet}} ？因为我的理解是 {{outlet}} 由于这条路线而委托给 Comments 模板：

我相信我需要删除该路线并使 Comments 成为 Game 模型中的嵌入对象。然后我是否只需将插座替换为：

编辑

这是路由器：

我创建了一个路由，比如说日志（pods 结构），并创建了 controller.js、route.js 和 template.hbs

在模板中，我初始化了一个网格组件。另外我正在开发一个自定义分页组件。

当我初始化网格组件时，我将数据作为属性，这些数据将在从分页更改页面后发生变化，并且我还想计算页面大小，网格容器中适合多少行。通过拥有 pageSize，我可以计算出总页数。

我具有计算网格组件中 pageSize 的功能，但我希望在我的 controller.js 中使用该数字。我通过发送操作来管理它，并且我成功地在我的控制器上获得了号码。

然后在 dataHandler 计算属性上，我想计算网格将显示的数据。在那里我得到了弃用错误，并且网格中也没有显示任何内容：

弃用：在 didInsertElement 挂钩内修改了 的属性。你不应该在 didInsertElement 期间更改组件、服务或模型的属性，因为这会导致性能显着下降。[弃用 id：ember-views.dispatching-modify-property]

这种情况可能吗？如果是的话，最好的方法是什么？

在我的代码下面：

日志/controller.js

日志/模板.hbs

我的 component.js

我有这段代码，我想重定向到控制器文件中的其他 url。它在网络浏览器中运行良好，但不适用于 android、iphone 设备。我正在浏览器堆栈上测试它们。

控制器/新客户

模型/customers.js

模板/新客户.hbs

我错过了什么吗？单击提交按钮时我在控制台上出现的错误是：

加载资源失败：服务器响应状态为 404（未找到）vendor.js:27458 Ember 数据请求 POST /customers 返回 404 Payload (text/html; charset=utf-8) Cannot POST /customers

在ajaxError ( http : _ //localhost:4200/assets/vendor.js:85736:25 ) 在 Class.hash.error ( http://localhost:4200/assets/vendor.js:85310:23 ) 在火 ( http://localhost: 4200/assets/vendor.js:3637:31 ) 在 Object.fireWith [as rejectWith] ( http://localhost:4200/assets/vendor.js:3767:7 ) 在完成 ( http://localhost:4200/ assets/vendor.js:9576:14）在 XMLHttpRequest。( http://localhost:4200/assets/vendor.js:9816:9 ) defaultDispatch@vendor.js:27458

包装器组件内渲染了大约 300 个组件，并且需要花费大量时间来渲染。但是我需要数千个组件才能在包装容器中呈现。在渲染组件时如何在没有任何性能问题的情况下实现这一点 图片显示了 300 个组件所花费的渲染时间太多了