问题标签 [angular2-databinding]

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 投票
2 回答
1345 浏览

angular - 数据绑定期间出错:属性为空

我有一个组件列表及其子项(组件项)。我正在尝试将信息从列表传递到项目,但似乎数据绑定不起作用,因为对象为空,即使我已经(希望)正确初始化。

这是带有自己模板的列表组件:

这里是组件项:

错误:

这是我的角度版本:

感谢您的任何建议。

补充资料:

配方类对象:

0 投票
1 回答
1141 浏览

angular - 两种方式绑定在 Angular 2 中不起作用

在我的项目中,我使用了 jQuery 插件(datepicker 和 iCheck),并且可能会使用更多的插件。我已经设法从角度调用 jquery 插件方法,但角度 2 方式数据绑定不适用于使用 jQuery 插件的元素。

例如,我的模板中有复选框

对于我的组件打字稿文件中的上述复选框

评论 iCheck 方法会导致正确的数据绑定,但由于 iCheck 我无法获得检查状态。为此应该怎么做。

  为什么即使选中复选框,rememberMeChecked 变量值也不会改变?

0 投票
1 回答
905 浏览

angular - 如何在Angular 2中将绑定(双向数据绑定)从HTML文件传递到Typescript文件

让我简化一下具体问题:

html 看起来像:

我有一个数组

我在我的 ts 文件中设置 div 的 innerhtml 如下:

如果我不使用管道 - 我从上述声明中看不到任何内容。如果我使用如下所述的管道:

然后我可以看到选择下拉菜单,但绑定仍然丢失。

这可能是什么问题?

0 投票
1 回答
839 浏览

angularjs - Nativescript Angular Tabview 绑定

我正在使用带有 angular2 和 tabview 的 nativescript。到目前为止,tabview 运行良好,我还可以在 tabItems 之间单击或滑动时获取和设置 tabIndex。

我现在的问题是,如果触发了“onSelectedIndexChanged”事件,我无法使用数据绑定设置标题标题。它抛出错误“ExpressionChangedAfterItHasBeenCheckedError”。

以下是组件内容:

HTML 代码如下:

感谢您帮助解决此问题。

0 投票
30 回答
359559 浏览

angular - ExpressionChangedAfterItHasBeenCheckedError 解释

请向我解释为什么我不断收到此错误:ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked.

显然,我只在开发模式下得到它,它不会发生在我的生产版本中,但这很烦人,我根本不明白在我的开发环境中出现错误而不会出现在产品上的好处 - -可能是因为我缺乏了解。

通常,修复很容易,我只是将导致错误的代码包装在 setTimeout 中,如下所示:

或者使用这样的构造函数强制检测更改constructor(private cd: ChangeDetectorRef) {}

但是为什么我经常遇到这个错误?我想了解它,以便将来避免这些骇人听闻的修复。

0 投票
1 回答
124 浏览

angular - Angular2双向绑定和组件属性更新

Angular2新手在这里。

我有三个数字组件属性“a”、“b”和“c”,其中 c = a + b。'a' 和 'c' 使用双向绑定来输入模板上的语句。如果视图中的值发生了变化,那么组件中的值也会发生变化。但是,值“c”未更新。每当“a”或“b”的值发生更改时,如何获取“c”值来更新?谢谢您的帮助。

0 投票
1 回答
410 浏览

angular2-databinding - 当我使用函数在文本框上绑定数据时,不会发生 Angular 2 中的两种方式数据绑定

我正在尝试使用函数进行双向数据绑定。下面是我的代码。

我的功能是

我收到以下错误。任何人都可以帮忙。

0 投票
2 回答
175 浏览

angular - 为什么我的数据绑定没有在 Angular 2 中绑定?

我是一个 Angular 2 新手,他的 Google-Fu 已经让他失望了三天。

这将很难解释,所以我会尽力而为。

我有一个看起来像这样的类:

TemplateURL 是这样的:

问题是brush没有得到任何值 - 它总是undefined.

我可以 100% 确定getBrushes()上面的调用正在运行,因为我可以在控制台中看到数据。

我正在尝试使用此类显示数据:

这个HTML:

但是,我得到的只是空的引导面板。

我完全不知道为什么。

提前致谢。

添加:

这是服务:

这是画笔的类:

这是一条 JSON 记录:

0 投票
2 回答
1636 浏览

javascript - 不使用表单进行验证如果我如何禁用角度按钮字段为空

我正在尝试以角度进行@output,因为我有一个带有按钮的输入字段,我将使用@output()将输入的字段数据发送给父级如果输入字段为空,我想禁用一个按钮,我该怎么做禁用而不使用表单验证。

我试过这段代码

但如果输入字段为空,它会一直禁用按钮。

PS我找到了表单验证的答案,但我不想做表单验证或定义布尔变量

0 投票
1 回答
506 浏览

angular - Angular 子组件绑定不起作用

我正在尝试使用依赖注入在子组件中显示消息。

这是 first.component.ts:

这是 second.component.ts:

控制台未显示错误,但浏览器中的 {{ _message }} 未更新。

我哪里错了?