问题标签 [angularjs-forms]

我来自 Java 背景，正在加快使用 Angular 1.5.8+typescript 的速度。

我有一个表单控制器，可以处理表单中的原始字段并生成数据结构。它可能会做的事情的一个例子：获取原始地址，将其解析为标准格式并查找纬度和经度。

我试图找出将解释的表单数据公开给应用程序其余部分的最佳方式，并想看看是否有任何一种是“可接受的”标准做事方式。

我偏爱的方式是创建两个类，一个代表表单中完全解析的数据，另一个代表该数据的部分子集。

对数据感兴趣的调用者会在我的控制器上调用 getCompleteData 或 getIncompleteData，这取决于他们是否想要实时查看或完整数据（如果可用）。有关实际表单字段及其值的详细信息不会暴露在控制器之外。

我考虑这样做的另一种方法是向控制器添加一堆方法来访问处理过的每一位数据，每个方法都有一个可能返回。

方法一：

方法二：

这个问题可能更适合代码审查堆栈交换——让我知道我是否应该移动它！

控制器

我在 loginForm 中有几个字段，问题是当用户单击提交按钮而不在任何字段中输入任何数据时，所有错误消息（必需）都会显示。但是当我重置按钮时，错误消息仍然存在，它们没有被清除。

我尝试调试了很多但无法找到解决方案。我不知道我在做什么错误。

任何帮助表示赞赏！

谢谢

我无法将默认值传递给 angularjs 数组中的文本字段

默认值打印为{{ r.Name }}而不是存储在 r.Name 中的值

'r' 是一个数组，如ng-repeat='r in restaurants'

我是整体编程的新手，这是我第一次尝试使用 Angular，所以请在回答时考虑到这一点。有人建议我尝试使用 Angular 构建一个待办事项列表以了解有关 java 脚本的更多信息，但当单击“添加任务”按钮时，我被困在如何让我的数据（待办事项）发布到我的表单上。表单会重置，所以我知道按钮正在“工作”，但我的项目没有呈现。如果有人可以帮助我，我将不胜感激。

以下是我的代码的相关部分。预先感谢您的帮助。

html:

应用程序.js

上面的代码生成了 3 个文本框。问题是，当我单击一个文本框 has-focus is getting applied 但通过单击页面上的其他位置来移除焦点时，has-success 类未得到应用。

我试图用不同的组合替换 [p]，比如使用{{p}} , _{{$index}}.

但他们都不适合我。

我在控制台中收到 $parse 语法错误，或者在单击其中一个文本框时，其他文本框也会获得焦点。

我正在努力但无法解决这个问题。

任何帮助表示赞赏！

谢谢

我创建了一个 plnkr 来描述我的问题：Link to plnkr

问题描述：我有一个数字字段，其中的值被写入模型。首先，我像第一个输入一样实现了这个功能。这个实现的问题是，如果我输入一些东西然后删除，我有以下模型：

不幸的是，对我来说这种表示是不可接受的，我需要以下结果：

为此，我接受了指令并实施了第二个字段。现在我收到了正确的输出，但是当我删除该值时，表单变得无效。

我还添加了第三个和第四个输入来证明该指令也破坏了所需的验证。

所以，问题是：我怎样才能改进输入字段没有模型

但

并且不要破坏 Angular 表单的验证机制。

供参考：我有以下 HTML：

并遵循控制器和指令代码：

ps 我尽可能地削减代码以从我的主项目中重现问题。我会很感激任何解决方案，但如果有人可以提出解决方案，那就太酷了，它：1.显示良好的性能 2.以角度方式表现。

我是 angularjs 2 和 ionic 2 的新手。我正在使用带有 Validators、FormControl 和 FormGroup 的 angularjs 表单。当我使用 ionic serve --lab 执行项目时，一切都很好。但是当我构建该项目时，它给出了错误：类型上不存在属性“用户名”。

登录.ts

登录.html

一切都很好，直到我运行ionic build android命令生成 apk 文件。
有人可以告诉我为什么我会收到这些错误吗？

我还参考了这个链接：类型上不存在属性。打字稿，但它不能帮助我：

我的想法是从分离的组件中创建一个大表单。所以这是我的主要模板：

及其控制器（模板从 ui 路由配置绑定到控制器）

现在，用户组件：

和用户模板：

现在我希望能够在用户提交时读取用户数据。我该怎么做？

我正在尝试实现基本的角度表单验证。我已经实现了相同的。但我很想知道，如果我不使用 ng-model，为什么它不起作用。

plunker的链接以显示相同的行为

我有一个验证器

从另一个地方我测试其他东西设置相同表格的有效性

问题是它$setValidity被完全忽略了，只有验证器的测试应用于表单有效性。如果 setValidity 为 true，并且验证器返回 false，则为 false。我希望它能够覆盖并成为真实，我错过了什么吗？

这是指令的完整代码：http: //codepen.io/anon/pen/xgKmLJ