问题标签 [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 - Angular2,在路由更改之间缓存的 UI/模板状态
我一直在 Angular2.beta.0 上构建一个应用程序,我已经实现了路由器和组件。
我在其中一个组件模板上有一个覆盖和一个简单的基于模式的菜单,单击菜单中的链接将更改路线并加载另一个相关组件。
如果通过使用浏览器的后退按钮访问具有模态的前一个组件,则模态和叠加层保持其打开状态。
这些模式驻留在组件模板本身中,最初设置为不显示,并在单击按钮时使用 jQuery 显示/隐藏。
这似乎不是模板缓存问题,因为如果正在缓存模板,模态框将被隐藏,而是缓存带有模板的 DOM 状态。
angular - Angula2 将模板变量绑定到服务
我试图简单地将Angular2中模板中的变量绑定到服务的变量。该服务应该通过 http 加载数据,然后再次相应地更新模板中的视图(我假设更改检测应该这样做,绑定也应该这样做)。然而我无法让它发挥作用。显示服务中变量的初始值。http请求也被执行,恕我直言,再次设置变量。然而视图没有更新。
使用简单的 boot.ts 引导应用程序
我为此 http://plnkr.co/edit/75VVjEUSflbvh3oG8Kwk?p=preview创建了一个 plunker,该服务只需请求 IP,然后应该更新显示 - 但这仍然是原始值(评估)。这在 Angular 1 中很简单直接,我不确定我在这里做错了什么才能在 Angular 2 中获得相同的结果。
javascript - Angular 2+ 一次性绑定
在 Angular 1 中,我们可以通过这种方式进行一次绑定:{{ ::myFunction() }}
.
在角度 2 中,这是抛出:
我们如何在 angular2 中进行一次绑定?
google-maps - 当@Input 从谷歌地图标记事件更新时,ngFor 不更新
我正在尝试使用 angular2 构建一个简单的应用程序,我有以下组件:
当我的 map-menu.html 是:
在我的应用程序 html 中,我有:
并且列表没有更新,但是当我添加注释的 setInterval 时它工作正常。我在那里想念什么?
我用解决方案创建了一个plunker
angular - 有 i18n api 文档吗?
是否有现有的 i18n api 文档或者您知道 i18n 模板的 beta 示例?
先感谢您
凯文
angular - NgFor 不会在 Angular2 中使用 Pipe 更新数据
在这种情况下,我在视图中显示学生列表(数组)ngFor
:
每当我将其他学生添加到列表中时,它都会更新,这真是太好了。
但是,当我pipe
以filter
学生的名字命名时,
在我在过滤学生姓名字段中输入内容之前,它不会更新列表。
这是plnkr的链接。
Hello_world.html
sort_by_name_pipe.ts
angular - 是否可以重复使用 在组件模板中?角2
我很好奇有没有办法在组件中重用两次ng-content?或者将其分配给组件构造函数中的变量?
就像是:
angular - 内部 html 指令
[router-link]
我该如何使用[inner-html]
这是示例:
这是 Angular1 http://plnkr.co/edit/F91xvGHBASvqCGBJcEYY?p=preview的解决方案
我怎样才能在 Angular2 中做到这一点?
angular - why does giving @Input a type breaks the code?
I noticed something interesting in the below code. With ':Hero' commented out, the code works fine, but if I uncomment and give hero a type. It breaks - the page won't even render. From what I can see hero is implicitly of type Hero anyway, why cannot I make it explicit.
To demo this issue, I have a simple project with four files. The above code is at the end of hero-detail.component.ts:
hero.ts defines the Hero interface:
app.component.ts communicates with hero-detail.component.ts:
index.html is probably the least relevant to the issue, so here it is - the last file:
javascript - Angular2,在settimeout中的变量更改后视图不更新
我正在尝试将我的第一个 angular2 应用程序设置为实验,并且正在使用最新的 beta 版本。
我面临一个奇怪的问题,我在我的视图中使用的变量在设置超时后没有更新。
如您所见,我有一个名为 test2 的变量,在构造函数中我设置了 500 毫秒的超时,我将值更新为“更新的文本”。
然后在我看来 main.component.html 我只是使用:
但是即使更新部分被击中,该值也永远不会设置为“更新的文本”并永远保持在“初始文本”上。如果我遵循 angular2 教程,他们并没有真正给我这个解决方案的答案。想知道是否有人会知道我在这里缺少什么。
编辑:我正在使用的完整代码,包括引导程序和 html 等
带有引导程序的 main.ts:
主要组件.html