问题标签 [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.
angular - 如何捕获 templateUrl 加载错误
假设对组件模板的请求无法交付(状态码 400 等),有没有办法捕获错误以便采取行动(重定向等)
谢谢。
meteor - 当我从集合中删除文档时,并非所有客户的视图都会更新。为什么?
我正在使用Angular2-meteor,它正在使用 Angular2 Beta 1(截至目前)。
我有一个简单的组件,其中包含:
- 添加文档的按钮。显示的新文档带有一个按钮,可通过其 _id 将其删除。
- 还有一个“全部删除”按钮,它循环通过 collection.find() 删除每个文档的 _id。
它大部分工作正常。您可以使用各自的删除按钮添加和删除文档。当您“全部删除”时,它会将它们全部从数据库中删除。游标报告 count() 为 0。新的 collection.find().count() 报告为 0。但它只删除了由客户端上的 *ngFor 显示在模板上的第一个removeAll()
文档。其他文档仍显示在浏览器中。当您重新加载页面时,它会显示数据库的正确内容。其他连接的客户端始终显示正确的集合内容。只有启动的客户端removeAll()
会受到影响。
模板、“全部删除”按钮和 *ngFor 显示文档
组件:
angular - 在Angular2中过滤NgFor
我想显示数组的一些元素。使用管道过滤数组时,更新数组不会反映在 DOM 中,如下面的代码所示。
https://plnkr.co/edit/1oGW1DPgLJAJsj3vC1b1?p=preview
这个问题似乎是因为数组过滤器方法创建了一个新数组。如何在不破坏数据绑定的情况下过滤数组?
angular - 丢弃事件不起作用角度2
我正在以 Angular 2 构建上传组件,但遇到了问题。(drop)
事件不起作用。这是我的实现
难道我做错了什么?我什至将不存在的函数放入(drop)
事件中,并且角度没有给出错误。
angular - Angular2 Route 组件在加载时不呈现变量绑定
- 首次进入应用程序时,模板绑定详细信息会正确显示。
- 但是,在导航链接时,绑定已加载但不会呈现,直到您再次单击该链接。看起来它会刷新,然后正确显示模板绑定。
- 第三次单击链接现在将调用该路由。这个问题似乎也导致路由器链接不呈现为锚点,但它们是可点击的。
我的目标是Angular-2.0.0.beta-1。
可以在这里找到一个例子:Plnkr
- 第一个链接“仪表板”显示数字列表。
- 第二个链接“欢迎”显示 lorem ipsum。
当内容未显示时,会出现以下标记:
任何想法或建议将不胜感激。
更新 每个@SnareChops 我尝试了 Beta.2, Beta.0, Alpha.55并且问题仍然存在。
更新 2 用不同的 CDN 替换了脚本。Plnkr 现在正在工作。谢谢@SnareChops
typescript - Angular2:没有字符串的提供者!(child -> String) in [Array in parent
当我单击添加按钮以使用输入将数据从父级发送到子级时,我在 angular2 中构建基本的 Todo 应用程序我得到没有字符串提供者!(child->string),并且没有显示数据只显示子类的按钮,是什么意思
这是父组件:
这是子组件:
angular - 如何在自定义元素上实现 ngModel?
给定一个简单的input
元素,我可以这样做:
这不适用于我的自定义元素:
我该如何实施?
angular - OrderBy 管道问题
我无法将此代码从 Angular 1 转换为 Angular 2:
这是我在 Thierry Templier 的回答之后所做的:
组件模板:
组件代码:
管道代码:
我正在尝试对Todo
按属性排序的 s数组进行排序completed
。首先todo.completed = false
,然后是todo.complete = true
.
我不太了解该transform
方法以及如何在该方法和该sort
方法中传递参数。
args: string
论据是什么?它们是什么a
以及b
它们来自哪里?
typescript - 我的 HTML 模板没有在 Angular2 中接收到我的所有组件变量
所以我的问题是我有 3 个变量要发送到我的 html 模板,但它只会选择其中一个。
我的 html 模板看起来像这样。
和我的组件
我的错误
在 [RoleEdit@29:11 中的模块] 中找不到不同的支持对象“[对象对象]”
我刚刚了解了异步调用的问号:{{role?.ID}}。看起来 ngFor 循环确实不喜欢那些,我认为这很可能是我的问题所在。谢谢!
编辑:
所以这里有更多代码,我的 role.services 和我的 JSON 中有什么。
这是我的角色。服务
这是我试图捕获的JSON 。
typescript - 如何在 Angular2 中对 NgFor 的结果运行函数?
考虑系统中所有用户的列表:
然后是项目中的用户列表:
所以你有一个很好的简单函数来获取用户 ID 并查找其余的用户详细信息:
然后在模板中使用 *ngFor 循环遍历列表中的用户,但您想查找完整的详细信息集
不起作用...如果不创建自定义组件或其他更复杂的东西,我无法弄清楚如何为每个用户运行一次 getUser 函数。我当然可以一遍又一遍地运行它:
但这似乎不是最好的方法。有没有更简单的方法来访问 userId 变量并将其设置为局部变量?