问题标签 [angular2-ngmodel]

我有一个 PrimeNG 表，其中的单元格是可编辑的。当我编辑输入文本字段的值时，表模型不会改变。如何使表格模型绑定到输入文本？

这是我的代码：

自定义输入.html

自定义输入.ts

这是我当前的代码：

我正在加载一个数组中的所有角色，并且用户类有一个 Role 属性（它不是像加载一样user.role = roles[0]，而是通过后端数据加载）。

问题是 selected 属性不起作用，我的选择没有发挥正确的作用。我究竟做错了什么？

我有一个下拉列表[(ngModel)]的(ngModelChange)属性，但是如果我想使用[value]属性加载任何默认值，我的 ngModel 不会给出当前更改的值。

我需要在下拉菜单上进行两种绑定。一般来说，它只是一个选择下拉菜单，它在我的 jQuery 表单中时会出现问题。有人可以帮忙吗？我的.HTML：

我正在制作一个动态表格。AField有一个值列表。每个值都由一个字符串表示。

我的组件中有一个函数，它为该字段添加了一个新值。

值和按钮在我的 HTML 中显示如下。

一旦我在一个值的输入中写入一些文本，输入就会失去焦点。如果我向一个字段添加许多值，并且我在一个值输入中写入一个字符，则输入失去焦点并且该字符被写入每个输入中。

情况

我使用 Angular-CLI 开发了一个站点，并将其发布在 GitHub 页面上。我的项目的链接是https://heinpauwelyn.github.io。

我已经安装了一个名为angular2-markdown的包来在我的 HTML 页面上呈现 markdown 文件。下面你会看到我的代码：

要在 localhost 上测试站点，我使用以下命令：

此命令没有问题，并且可以很好地渲染降价文件。

问题

当我使用下面的命令在 GitHub 页面上部署我的网站时会抛出错误。

这给了我下一个错误：

错误MarkdownModule不是_NgModule

这是我的代码app.module.ts：

我试过了

尝试一

我知道在指南架上我必须使用MarkdownModule.forRoot()。如果我现在使用ng serve，我有这个错误：

错误中的错误遇到静态解析符号值。调用函数MarkdownModule，不支持函数调用。考虑将函数或 lambda 替换为对导出函数的引用，解析AppModule.C:/***/heinpauwelyn.github.io/src/app/app.module.ts

错误：类型上不存在C:/***/heinpauwelyn.github.io/src/app/app.module.ts属性。forRoottypeof MarkdownModule

尝试二

如果我export class AppModule()像指南中那样评论该行，则会收到此错误：

错误C:/***/heinpauwelyn.github.io/src/main.ts：模块C:/***/heinpauwelyn.github.io/src/app/app.module.ts没有导出的成员AppModule。

错误C:/***/heinpauwelyn.github.io/src/app/app.module.ts：预期声明。

当然是正常的。

问题

我该如何解决这个问题？

提前致谢。

我想创建包含其他自定义控件的自定义控件，并使用连接所有这些控件的 ngModel。喜欢 ：

人物搜索组件：

• 开发者搜索控件
  • 名称 - 一些字符串输入
  • 姓
  • ProffesionSelect - 需要 ProffesionModel 的自定义控件
• 建筑物搜索控件
  • 这里有一些自定义控件
• CountryCustomControl - 期望 CountryModel 的自定义控件

• PersonListComponent : - 通过某些服务从 PersonSearchComponent 导入有关项目的数据

• SomeOtherSearchComponent
  • DeveloperSearchControl - 可重用

所以现在我有工作版本，但我认为我做错了（也许我应该使用 FormBuilder）：

人物搜索模板：

父搜索组件

型号：PersonSearchModel：

开发者搜索模型：

模板 developerSearchControl.component.html：

developerSearchControl.component：

专业选择组件

ElementBase 是一个通用的 ControlValueAccessor 验证来自：http ://blog.rangle.io/angular-2-ngmodel-and-custom-form-components/

所以我的问题是，当我为孩子（developerSearch、buildingSearch）创建模板时，没有为他们初始化通过 ngModel 传递的值，我得到：

因为 ngModel 的值在开始时为空。所以我必须在看起来很糟糕的子组件模板中使用 *ngFor="value" 。有没有办法在模板验证之前初始化对象？还是我这样做非常错误？

您好我有一个输入搜索部分，用户在其中键入一个名称，它会动态发送一个带有该名称的 HTTP 获取请求。现在我需要在输入中接受两个参数（名字和姓氏），当用户输入它时，动态地将其分隔为单独的变量并发送这样的 GET 请求?first_name=${first name}&last_name=${last name}

现在，当用户键入时，我可以将其设置为名字或姓氏，但不知道如何将其分开..

我的输入如下所示：

在组件中：

我有一个使用该术语发出 api GET 请求的搜索服务：

我尝试拆分并使用正则表达式检测逗号，然后分隔searchString，但我无法在未定义的情况下使用拆分或正则表达式。

甚至可以将用户输入（一个 ngModel）动态分离为两个单独的值吗？

注意：我只是从角度开始.. 好的，这就是我所拥有的：

通过提供 package.count 作为选择标签的 [value]，我可以绑定到它并将其作为参数传递给 bindPackageCount。我想要做的是将完整的包（对象）作为参数传递，而不仅仅是 package.count（数字）。但是，当我这样做时

根据其他人的问题.. 是的，这是一种反应形式，这是它的创建：

有任何想法吗？谢谢

我不知道这是问题还是正常行为。

如果我们有这样的表格：

同时变量mainVar和someVar在组件中设置为空字符串：

这将导致名称为field1的输入被禁用，即使someVar是空字符串。据我所知，空字符串变量应该返回false到 if 语句。

但最奇怪的是，如果我从 input field1中删除[(ngModel)]属性，它将正常工作（如果我在 input field2中输入内容，则 input field1将被禁用）

Plunker 示例