问题标签 [angular2-ngmodel]

以下是 AngularJS 项目中的文件。正如一些帖子中所建议的，我添加了：

在输入字段中，但仍然出现错误。

包.json

更改密码.component.html

更改密码.component.ts

app.module.ts 有导入

我收到以下错误：

未处理的承诺拒绝：模板解析错误：没有将“exportAs”设置为“ngModel”的指令（“urrent Password”#currentPassword="ngModel" id="currentPassword" name="currentPassword" type="text" class=" form-co")：ChangePasswordComponent@5:4；区域：；任务：Promise.then；值：SyntaxError {__zone_symbol__error：错误：模板解析错误：没有将“exportAs”设置为“ngModel”的指令（“urrent Passwo ……} 错误：模板解析错误：没有将“exportAs”设置为“ngModel”的指令（“urrent Password”#currentPassword="ngModel" id="currentPassword" name="currentPassword" type="text"class="form-co"): ChangePasswordComponent@5:4 at SyntaxError.ZoneAwareError ( http://localhost:4200/polyfills.bundle.js:6884:33) 在 SyntaxError.BaseError [作为构造函数] ( http://localhost:4200/vendor.bundle.js:64475:16 ) 在新 SyntaxError ( http://localhost:4200/vendor.bundle.js:5727:16 )

有一个自定义angular2组件，如下所示：

模板

零件

正如代码组件类实现中所示，ControlValueAccessor 这是我如何使用它：

但是自定义组件1-way binding没有2-way binding..这个组件获得初始值，但根本不会根据输入更改而改变..当我在浏览器上调试它时，writeValue函数只是在加载时被触发，之后根本不会被触发。

我正在尝试将 ng-bootstrap（Angular 4 和 Bootstrap 4）日期选择器封装在自定义组件中，并添加反应式表单验证。

我想知道我是否使用了正确的方法，所以我会向您展示我的代码。

这是自定义组件：

这是我使用自定义组件的组件：

这是观点：

你是这么想的吗？您认为有什么需要改进的地方吗？

谢谢大家 ：）

我正在查看NgModel的源代码。我了解其中的大部分内容，除了它如何设置value输入的初始值。

..

..

NgControlDirective有这个代码：

所以如果我们设置this.control.value它会自动设置为valueof input。好的。

但this.control.setValue仅在更新时完成NgModel。

它如何知道最初设置该值。

我猜它与

我尝试借助具有双向数据绑定的嵌套 ngFor 制作输入字段表。我几乎实现了这一点，但是双向数据绑定的东西是错误的，我找不到问题。

所以，这就是我想要的——我希望能够输入每个单词的字母。

我有这张表，我可以输入，但是如果我输入第一个单元格，第二个单元格会出现相同的值，如果我输入第三个，值也会出现在第 4 和第 5 个......我无法理解为什么，我想问题出在这条线上

你能告诉我，我该如何解决这个问题？这是我的 plunker，它可以工作，但是我上面描述的这个错误...... 我的 plunker 在这里

我在 app.module 中同时导入了 FormsModule 和 ReactiveFormsModule，希望 html 正确，

错误

进口

当我运行 npm run test:local 时出现此错误，但如果我执行 npm start，它运行良好。我使用多个 [(ngModel)] 并且它们都有同样的问题，例如，我只是使用这个。

我怎样才能解决这个问题？

我正在尝试将默认值设置为在我的 ngFor 中的复选框上选中。这是我的复选框项目数组：

这是我的html

期望的结果是得到 2 个选中和 2 个未选中的框，但它们都未选中。我还尝试了 [checked]="tag.checked" 的不同变体，但似乎没有奏效。

我想在选中复选框一时触发复选框二的更改事件。到目前为止，在检查第一个时检查第二个。但我无法让第二个触发其更改事件 这是我的代码 这是我的模板代码

控制器代码

感谢您的任何建议。我有带有 itemId 和 parentId 的复选框树。在初始化时，我使用的 api 提供了最后一个孩子的 itemId。所以我的想法是使用 itemId 检查最后一个子复选框，然后触发事件，该事件将使用其 parentId 检查其父母，从而导致链检查。

我有这段代码允许用户按某个字段进行过滤：

在 component.ts 文件中：

我有 3 个按钮，应根据单击哪个按钮进行更改，ngModel.xxx以便按相应字段进行过滤。

我尝试使用一个包含相应字段的数组，单击按钮将选择索引，但它只是打印出字符串值而不是将其绑定到该模型。

我正在尝试在 Angular 2 中实现日期范围选择器。

我已经有一个可以工作的小部件，我必须将它链接到@angular/forms子系统。

我想要的是能够将两个输出值（比如说rangeStart和rangeEnd）绑定到包含表单状态的两个不同的属性。

有没有办法可以配置 NgModel 设置来完成这个？

另一种方法是绑定 DateRange 类型的单个属性：

我不知道这是否可能。

关于如何做到这一点的任何建议？

编辑：

我拥有的是一个 jQuery 派生的 JS 组件，它公开了一个 onChange，如下所示：

我想将这种处理程序集成到一个 Angular 友好的组件中。但是，我不能简单地这样做：

因为，AFAICT，变化检测不适用于复合值。我应该在我的组件中公开什么？两个EventEmitters? 我可以NgModel以某种方式利用吗？