问题标签 [angular2-template]

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 投票
4 回答
980 浏览

angular - 如何捕获 templateUrl 加载错误

假设对组件模板的请求无法交付(状态码 400 等),有没有办法捕获错误以便采取行动(重定向等)

谢谢。

0 投票
1 回答
79 浏览

meteor - 当我从集合中删除文档时,并非所有客户的视图都会更新。为什么?

我正在使用Angular2-meteor,它正在使用 Angular2 Beta 1(截至目前)。

我有一个简单的组件,其中包含:

  • 添加文档的按钮。显示的新文档带有一个按钮,可通过其 _id 将其删除。
  • 还有一个“全部删除”按钮,它循环通过 collection.find() 删除每个文档的 _id。

它大部分工作正常。您可以使用各自的删除按钮添加和删除文档。当您“全部删除”时,它会将它们全部从数据库中删除。游标报告 count() 为 0。新的 collection.find().count() 报告为 0。但它只删除了由客户端上的 *ngFor 显示在模板上的第一个removeAll()文档。其他文档仍显示在浏览器中。当您重新加载页面时,它会显示数据库的正确内容。其他连接的客户端始终显示正确的集合内容。只有启动的客户端removeAll()会受到影响。

模板、“全部删除”按钮和 *ngFor 显示文档

组件:

0 投票
1 回答
1720 浏览

angular - 在Angular2中过滤NgFor

我想显示数组的一些元素。使用管道过滤数组时,更新数组不会反映在 DOM 中,如下面的代码所示。

https://plnkr.co/edit/1oGW1DPgLJAJsj3vC1b1?p=preview

这个问题似乎是因为数组过滤器方法创建了一个新数组。如何在不破坏数据绑定的情况下过滤数组?

0 投票
2 回答
16776 浏览

angular - 丢弃事件不起作用角度2

我正在以 Angular 2 构建上传组件,但遇到了问题。(drop)事件不起作用。这是我的实现

难道我做错了什么?我什至将不存在的函数放入(drop)事件中,并且角度没有给出错误。

0 投票
1 回答
448 浏览

angular - Angular2 Route 组件在加载时不呈现变量绑定

  1. 首次进入应用程序时,模板绑定详细信息会正确显示。
  2. 但是,在导航链接时,绑定已加载但不会呈现,直到您再次单击该链接。看起来它会刷新,然后正确显示模板绑定。
  3. 第三次单击链接现在将调用该路由。这个问题似乎也导致路由器链接不呈现为锚点,但它们是可点击的。

我的目标是Angular-2.0.0.beta-1

可以在这里找到一个例子:Plnkr

  • 第一个链接“仪表板”显示数字列表。
  • 第二个链接“欢迎”显示 lorem ipsum。

当内容未显示时,会出现以下标记:

任何想法或建议将不胜感激。

更新 每个@SnareChops 我尝试了 Beta.2 Beta.0 Alpha.55并且问题仍然存在。

更新 2 用不同的 CDN 替换了脚本。Plnkr 现在正在工作。谢谢@SnareChops

0 投票
2 回答
8282 浏览

typescript - Angular2:没有字符串的提供者!(child -> String) in [Array in parent

当我单击添加按钮以使用输入将数据从父级发送到子级时,我在 angular2 中构建基本的 Todo 应用程序我得到没有字符串提供者!(child->string),并且没有显示数据只显示子类的按钮,是什么意思

这是父组件:

这是子组件:

0 投票
5 回答
86142 浏览

angular - 如何在自定义元素上实现 ngModel?

给定一个简单的input元素,我可以这样做:

这不适用于我的自定义元素:

我该如何实施?

0 投票
18 回答
275043 浏览

angular - OrderBy 管道问题

我无法将此代码从 Angular 1 转换为 Angular 2:

这是我在 Thierry Templier 的回答之后所做的:

组件模板:

组件代码:

管道代码:

我正在尝试对Todo按属性排序的 s数组进行排序completed。首先todo.completed = false,然后是todo.complete = true.

我不太了解该transform方法以及如何在该方法和该sort方法中传递参数。

args: string论据是什么?它们是什么a以及b它们来自哪里?

0 投票
1 回答
138 浏览

typescript - 我的 HTML 模板没有在 Angular2 中接收到我的所有组件变量

所以我的问题是我有 3 个变量要发送到我的 html 模板,但它只会选择其中一个。

我的 html 模板看起来像这样。

我的组件

我的错误

在 [RoleEdit@29:11 中的模块] 中找不到不同的支持对象“[对象对象]”

我刚刚了解了异步调用的问号:{{role?.ID}}。看起来 ngFor 循环确实不喜欢那些,我认为这很可能是我的问题所在。谢谢!

编辑:

所以这里有更多代码,我的 role.services 和我的 JSON 中有什么。

这是我的角色。服务

这是我试图捕获的JSON 。

0 投票
4 回答
9825 浏览

typescript - 如何在 Angular2 中对 NgFor 的结果运行函数?

考虑系统中所有用户的列表:

然后是项目中的用户列表:

所以你有一个很好的简单函数来获取用户 ID 并查找其余的用户详细信息:

然后在模板中使用 *ngFor 循环遍历列表中的用户,但您想查找完整的详细信息集

不起作用...如果不创建自定义组件或其他更复杂的东西,我无法弄清楚如何为每个用户运行一次 getUser 函数。我当然可以一遍又一遍地运行它:

但这似乎不是最好的方法。有没有更简单的方法来访问 userId 变量并将其设置为局部变量?

这是迄今为止我一直在玩的东西