问题标签 [angular2-ngmodel]

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.

0 投票
3 回答
24991 浏览

angular - angular2 将 ngModel 传递给子组件

我有 ParentComponent 和 ChildComponent,我需要将 ParentComponent 中的 ngModel 传递给 ChildComponent。

如何获取 ChildComponent 中 ngModel 的值并对其进行操作?

0 投票
1 回答
1334 浏览

angular - (ngModel)未反映在更改事件处理程序中

在我使用 Angular 2 开发的应用程序中,在选择下拉列表时,ngModel 会更新组件中声明的变量,但该值不会反映在下拉列表的“更改”事件处理程序中。

这是相关的 HTML 代码。

这是打字稿。

确实得到了更新,但由于方法{{selectedWall.Id}}中的某种原因,不断返回 0。wallSelectedthis.selectedWall.Id

我在这里做错了什么?此处未反映该值的原因可能是什么?

0 投票
2 回答
10433 浏览

angular - Angular 2 ngModel 和带有选择元素的索引

我有一个像这样的 ng for 循环

显然,改变一个元素的价格会改变所有其他元素的价格。

这是我的意思的一个分支,当您更改一个下拉菜单时,它会更改另一个。 https://plnkr.co/edit/LVViSdlgmY56RnO8mAU4?p=preview

我的问题是:有没有办法利用模板元素中的索引为每个生成的元素绑定一个 selectedPrice ?因此,当我更改一个下拉值的值时,它不会更改所有其他值

我尝试了某些语法,例如 [(ngModel)]="selectedPrice[index]" ,当我选择价格时,它并没有达到我想要的含义, selectedPrice[index] 实际上并不包含值。我还有其他一些可行的方法,但它们很老套。

0 投票
1 回答
2356 浏览

html - 如何在角度 2 的 ngmodel 上使用 2d 数组?

想知道如何在 ngmodel 中为动态复选框设置二维数组?

我有一个带有多个复选框的超级管理员的角色和权限设置表单。 在此处输入图像描述 如何区分模型名称与角色 ID 和权限 ID。我需要通过数组中的模型名称传递角色 ID 和权限 ID。

例如:[(ngModel)]="permission[role.id][per.id]"

有没有办法在表单中为 ngmodel 分配 2d 值?

期待早日回复。

提前致谢。

0 投票
3 回答
17428 浏览

javascript - Angular 2 - 硬编码默认值时在下拉列表中设置默认值

我有以下下拉列表。我想将所有患者设置为默认值。

我的模型是这样声明的:

我这样设置 practiceUsers :

无论我如何更改它,我总是会得到一个空白选项作为默认选项。我尝试this.practiceUsers在加载后将对象添加到数组中,然后设置模型值。我尝试设置带引号和不带引号的模型值,以查看数字或字符串是否有所不同。我尝试的一切仍然导致默认为空白选项。

在 Angular 1 中,我会使用ng-options,但对于 Angular 2 不再可用,并且我发现的每个示例都显示使用ngForfor 下拉菜单。

0 投票
1 回答
255 浏览

angular - Using the Form HTML tag with ngFor causes the ngModel to use the latest result of the looping variable instead of the current one

Please have a look at the Plnkr below. If you uncomment the html tag in the app.html, all the kids will be Tim.

https://plnkr.co/edit/AyOVBXAoa8kuE1CQf6XB?p=preview

I would like to use the Angular2 Form feature so it is not an opption to skip it and replace it with some javascripts.

0 投票
1 回答
7967 浏览

angular - 如何在延迟加载角度 2 NgModule 中为 loadchildren 提供正确的路径名?

如何在 Angular 2 ngmodule 的 app-routing.module 文件中为 loadchildren 提供正确的路径名,我遵循了 Angular 主网站中的 ngmodule 概念,但它没有提供此类信息。我遇到了 app-routing.module 路径的问题,我需要在路径名中指定什么,对于这个问题,延迟加载不起作用。所有文件一次加载一次,有人可以帮忙吗?我在 loadchildrens 路径中想念什么?跟着这个 Angular NgModule

app-routing.module 文件。

app.module 文件

视频路由.module.ts

视频.模块文件

0 投票
1 回答
1161 浏览

angular - Angular2 upgradeComponent如何做2路绑定

我有一个大型应用程序,我刚刚开始升级到 Angular 2。我们使用了很多第三方和本地自定义指令,我们将在 Angular 2 中替换它们,但没有时间马上去做。其中许多是表单元素小部件,如 angular-ui。

在我们的 Angular 2 组件中,我想通过包装它们并升级包装器组件来弥补其中一些输入元素的差距。但是,我无法得到一个简单的例子来包装一个普通<input>的工作。

绑定并没有像我预期的那样双向进行。而且我不确定如何配置输出参数。

这是 Angular 1 组件的样子。

升级它以在 Angular 2 组件中使用的合适方法是什么?

我希望能够在 Angular 2 组件中使用它,例如:

<ng1-wrapper [(model)]="model.someProperty"></ng1-wrapper>

到目前为止,这是我尝试过的,但是输出绑定并没有改变 Angular 2 中模型的属性。我需要从这个包装的指令中捕获用户的输入,还需要传入默认值。

0 投票
3 回答
29140 浏览

javascript - 设置 ngModel 默认值 angular 2

角度 2 中的 ngModel 有问题。有一项任务是从组件类中的数组中输出几个输入。发现了使 ngModel 从 [name] 属性中获取其值而不在 [()] 中包含 ngModel 的可能性。我想知道是否有办法为这些输入提供默认值。

个人详细信息.component.ts :

这是我的模板:

尝试了其他几种方法来用 ngFor 列出它们,但没有成功。

0 投票
2 回答
1115 浏览

angular - Angular 2 [(ngModel)] 放置在

我有一个带有如下代码的表单的 component.html:

但是当组件呈现 html 时,我不断收到错误消息:

只有当我将输入标签放在表单之间时才会发生这种情况。它应该在哪里。如果我将输入标签放在表单标签的上方和之前,它可以很好地处理数据。为什么会发生这种情况?