问题标签 [angular2-forms]

我有以下代码片段：

.html

。镖

模板中的 *ngIf 可能存在问题，但我不确定。你能说说为什么没有显示错误信息吗？

谢谢

我正在尝试使用 Dart 制作一个 angular2 验证器：

。镖

其中matches具有以下定义：

火柴

当我尝试运行验证时，我在控制台中得到以下信息

控制台输出

(package:epimss_ng2_shared/validators.dart:83:9)指向上面的matches方法。

谢谢

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

这是父组件：

这是子组件：

我在 Angular2 Dart Angular for Dart Cheat Sheet (v2.0.0-beta.2)中看到支持 Elvis 运算符。

我正在尝试在组件视图中使用它，但似乎在这里不允许。

给定

.html

。镖

运行应用程序会出现以下错误：

错误跟踪

什么情况下可以在组件视图中使用操作符？

干杯

我不知道它是否可能，但我一直在搜索并且没有看到任何与使用 *ngFor 访问地图键相关的信息。

鉴于：

。镖

.html

是否可以将键的字符串值放置在指示的位置？

谢谢

EDIT1 - 澄清

在 dart 中，可以使用如下所示的 for 循环来访问映射的键和值

*ngFor 是否提供任何此类机制？

我有一个使用表单生成器（Angular2 Beta 1，TypoScript）创建的表单，即：有这样的东西constructor：

表格出现了，到目前为止一切都很好。我真正没有得到的是当我从远程服务（或其他一些异步加载机制）加载数据（在本例中：用户对象）时如何处理绑定。

我尝试过的是：

• constructor在或中异步加载数据ngOnInit。问题：甚至在加载开始之前引发异常（“无法读取未定义的属性'validator'......”）
• constructor在or中异步加载数据ngOnInit，但在此之前创建一个空表单。问题：验证不起作用。
• 我期望的工作：将表单数据绑定到User对象的属性，并设置该对象的属性。问题：也不例外，但是表格中没有显示数据。

我想必须有一些更聪明/更好的方法来让它工作？我对 Angular2 比较陌生，所以我希望这个问题不会太愚蠢……</p>

- - 更新 - -

首先，我忘了提及我ngFormModel在表格中使用的内容——以防万一它很重要。

@Thierry：我认为“与表单绑定的临时空对象”是我尝试做的（上面提到的第三种方法），但没有奏效。准确地说，我试过这个：

这显示了用户名，但是当我将设置到构造函数末尾的行移动时它甚至不起作用this.user.username——我觉得这很令人惊讶，因为我希望数据绑定来处理这个问题。

我只有一张地图

。镖

我想使用 angular2 @ngFor 指令来构造一个如下表所示的表

我可以使用@ngFor 以传统方式创建表格，其中 Name 列形成表格标题行，输入列放置为第一个表格行。显示的图形是使用以下代码完成的：

.html

如何使用 @ngFor 指令在图形中创建表格？

EDIT1 - 使用第一个解决方案运行时出现控制台错误

.dart（Dart 的 SnareChops 端口答案如下）| 正确答案

添加了一个自定义管道来执行大写

我正在尝试在 Angular2（Plunker 中带有 TS 的 beta 0）中实现一个具有 2 个嵌套表单的场景，每个表单都由一个组件表示。

父组件是Word，它代表假字典中的单词。子组件是WordSense's，每个都代表父单词的含义。

两个组件都使用模型驱动的表单，子表单将其模型的值绑定到使用ngModel. 这样，父组件可以轻松地将其单词的含义传递给子组件，剩下的工作由 2-way 绑定完成。

两个表单都附加了简单的自定义验证器。除其他事项外，我想禁用提交按钮，不仅在单词表单无效时，而且在其任何意义无效时。为此，我isValid为正在编辑的模型添加了一个属性，并编写了代码来观察感知表单的变化：每当发生变化时，我都会检查表单的valid属性并相应地设置模型的属性。然后，我可以轻松地在视图和代码中的父组件级别添加检查，这样我只能在两个表单都正常时发布。

为了支持自定义验证和附加逻辑，我将初始代码从基于模板的表单切换到基于模型的表单；然而，一旦我启动重构的代码，我就会收到几个No Directive annotation found错误，我不确定它们的含义。

可能我错过了一些明显的东西，但我是这里的新手。谁能给个建议？你可以在这个 plunker 找到一个 repro：http: //plnkr.co/edit/v9Dj5j5opJmonxEeotcR。以下是其中的一些基本代码：

a) 父组件：

b) 子组件：

我正在使用 Angular2 和 javascript。目前在 TreeView 组件中有一个模板，看起来像这样：

请注意，它是一个递归组件。所以树视图组件内部有一个树视图组件。问题是，当我在块菜单下拉菜单中选择某些内容时，页面上的任何其他块菜单下拉菜单也会受到该选择事件的影响。我试过给每个<select>元素一个唯一的 id，但这并没有改变任何东西。我不确定这是 Angular2 错误还是我做错了什么。

我是角度的新手。我有一个包含表单步骤的项目创建页面。第一步创建项目，然后在其他步骤中我只是更新每个步骤的相关信息。正如我想象的那样，这条路线应该是这样的：

之前的所有路线都共享相同的主要组件。我的组件如下所示，主要组件加载在 routerOutlet 中，其中有步骤组件：

这条路线：

我可以指定应该从路线中显示哪个步骤，或者我必须将步骤名称设置为参数，以便在主组件中切换它们。对于这种情况有什么建议，我做对了吗？