问题标签 [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 回答
589 浏览

angular - Angular - 使用 ngFor 指令进行数据绑定

我是 Angular 的新手,我不确定如何将数据呈现为 HTML 标记。如何在组件模板中显示组件数据?

在这个plnkr中有一个小的复制品。

0 投票
4 回答
398 浏览

javascript - Angular 2 属性绑定到底是如何工作的?这个例子中到底发生了什么?

我是 Angular 2 的绝对初学者,我对属性绑定有以下疑问。

这个例子有效,但我怀疑引擎盖下到底发生了什么。

我有一个包含此按钮的组件视图(servers.component.html文件):

相关组件是:

正如您在开始时看到的那样, allowNewServer的值为false,8 秒后它被构造函数中声明的函数设置为true 。

在我的按钮上设置了这个禁用属性:

所以一开始按钮是禁用的,8秒后它会启用。

穆的疑惑是:

1) [...] Angular 语法到底是什么意思?

2)我预计会呈现类似于disabled=true的内容(在开始时),然后在 8 秒后呈现类似于disabled=dalse的内容,但在 8 秒后只会删除disable属性。所以我认为我不理解[...]语法的含义。

0 投票
2 回答
1643 浏览

angular - 将文本绑定到角度 2 中的选定下拉列表值

我在citylist组件模板中有一个下拉列表。

城市的数组是这样的:

其中 Cities 类对象有一个id和一个name

我想要的是简单地打印从 para 标签内的下拉列表中选择的城市。如果可能,如何使用ngModel来完成?还是我必须编写模型更改事件?

0 投票
2 回答
5101 浏览

angular - 性能 - 是否应该避免双向数据绑定?

对不起,如果这个问题太基本了。

我想知道我是否应该避免在我的系统中进行双向数据绑定。我可以在提交表单中捕获表单的值,而无需使用双向数据绑定。

我的问题是双向数据绑定是否真的消耗太多内存。我应该停止使用它吗?

0 投票
1 回答
1214 浏览

angular - 如何将输入数据传递/保存并将其推送到 ionic 2/angular 2 中的 Web 服务?

我正在尝试创建一个带有评分的评论表单。在这种形式中,我添加了用户对应用程序进行评分和评论的方式。我对 Angular 2 还是很陌生,并且有点挣扎如何保存此用户输入的数据和/或将其推送到自定义 Web 服务,以便在下次打开表单时检索它。这是到目前为止的代码:comment-star.html:

评论-star.scss:

评论-star.ts

任何教程或链接都会有所帮助。

0 投票
1 回答
1190 浏览

angular - Angular 2: Simple *ngFor not working

I have this in my app/component.ts

And in my app.module.ts, I also imported the necessary things

This is just a simple *ngFor code but why is it not working. Aside from these, I have not touched anything

0 投票
1 回答
489 浏览

angular - Angular4:数据绑定仅在初始化之前起作用

我有一个带有属性的简单组件userFirstName

现在我只想显示这个属性。我做了一个简单的绑定,我userFirstName在构造函数中初始化了它,但它只有在它是第一个命令时才有效!

所以这很好用:它显示“用户名”文本。

现在,如果我把它放在this.userFirstName = "User Name";最后,它就行不通了。

所以这不起作用,它显示空字符串!

下面是对应的html:

0 投票
1 回答
843 浏览

angular - Angular2:我可以用箭头函数而不是方法处理@Output返回值吗

我有一个 Angular2 应用程序,它有一个父组件 (AppComponent) 和几个子组件。其中之一(DnDContainer)有一个像这样的@Output 变量:

在 DnDContainer 内部,有一个按钮,其 click 事件中包含以下代码:

然后,从 AppComponent 中,有几个 DnDContainer 组件(它们的选择器是 'dnd-container')。我想听听他们的“onDataUpdate”输出并将其分配给不同的数组(targetItemsA、targetItemsB 等)。我正在尝试使用这样的简单语法:

但它不起作用,所以我必须创建一个特定的方法来将一个数组分配给另一个数组,如下所示:

该方法如下所示:

有没有更简单的方法来做到这一点(比如我在开始时指出的带有箭头功能的方法)?对不起,如果它太基本了,我对 Angular2 还是很陌生。

提前致谢,

PS:在 tsconfig.spec.json 文件中,我已将 'target' 属性更改为 'es6' 但它仍然不起作用。

0 投票
1 回答
1107 浏览

angular - Angular2事件绑定中的字符串插值

我正在使用 anngFor来列出我的数据,并且希望能够单击一个元素并让它调用我的组件类中的一个方法,以确定它是数据的哪个元素。我的尝试基本上是这样的:

但是,这不起作用并引发此错误:

我曾考虑过只是传递this并使用本机元素来确定它是哪个元素,但这感觉很脏而且不是很有角度的 y。那我做错了吗?还是有更好的方法来解决这个问题?

0 投票
0 回答
396 浏览

javascript - 切换复选框 Angular 2

您好在我的项目中使用 angular 2 数据表。

我的身体:

当我选择行时,selectEntity 会将所选行作为数组传递。因此,如果我选择多个,我将得到一个包含多个对象的数组。如上所述,我有一个输入字段,在复选框上选择量 td 的值将复制到输入字段。直到这里工作。问题是如何在取消选中复选框时重置此值?有什么想法吗?提前致谢。

我的功能: