问题标签 [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.
angular - Angular - 使用 ngFor 指令进行数据绑定
我是 Angular 的新手,我不确定如何将数据呈现为 HTML 标记。如何在组件模板中显示组件数据?
在这个plnkr中有一个小的复制品。
javascript - Angular 2 属性绑定到底是如何工作的?这个例子中到底发生了什么?
我是 Angular 2 的绝对初学者,我对属性绑定有以下疑问。
这个例子有效,但我怀疑引擎盖下到底发生了什么。
我有一个包含此按钮的组件视图(servers.component.html文件):
相关组件是:
正如您在开始时看到的那样, allowNewServer的值为false,8 秒后它被构造函数中声明的函数设置为true 。
在我的按钮上设置了这个禁用属性:
所以一开始按钮是禁用的,8秒后它会启用。
穆的疑惑是:
1) [...] Angular 语法到底是什么意思?
2)我预计会呈现类似于disabled=true的内容(在开始时),然后在 8 秒后呈现类似于disabled=dalse的内容,但在 8 秒后只会删除disable属性。所以我认为我不理解[...]语法的含义。
angular - 将文本绑定到角度 2 中的选定下拉列表值
我在citylist组件模板中有一个下拉列表。
城市的数组是这样的:
其中 Cities 类对象有一个id和一个name。
我想要的是简单地打印从 para 标签内的下拉列表中选择的城市。如果可能,如何使用ngModel来完成?还是我必须编写模型更改事件?
angular - 性能 - 是否应该避免双向数据绑定?
对不起,如果这个问题太基本了。
我想知道我是否应该避免在我的系统中进行双向数据绑定。我可以在提交表单中捕获表单的值,而无需使用双向数据绑定。
我的问题是双向数据绑定是否真的消耗太多内存。我应该停止使用它吗?
angular - 如何将输入数据传递/保存并将其推送到 ionic 2/angular 2 中的 Web 服务?
我正在尝试创建一个带有评分的评论表单。在这种形式中,我添加了用户对应用程序进行评分和评论的方式。我对 Angular 2 还是很陌生,并且有点挣扎如何保存此用户输入的数据和/或将其推送到自定义 Web 服务,以便在下次打开表单时检索它。这是到目前为止的代码:comment-star.html:
评论-star.scss:
评论-star.ts
任何教程或链接都会有所帮助。
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
angular - Angular4:数据绑定仅在初始化之前起作用
我有一个带有属性的简单组件userFirstName
。
现在我只想显示这个属性。我做了一个简单的绑定,我userFirstName
在构造函数中初始化了它,但它只有在它是第一个命令时才有效!
所以这很好用:它显示“用户名”文本。
现在,如果我把它放在this.userFirstName = "User Name";
最后,它就行不通了。
所以这不起作用,它显示空字符串!
下面是对应的html:
angular - Angular2:我可以用箭头函数而不是方法处理@Output返回值吗
我有一个 Angular2 应用程序,它有一个父组件 (AppComponent) 和几个子组件。其中之一(DnDContainer)有一个像这样的@Output 变量:
在 DnDContainer 内部,有一个按钮,其 click 事件中包含以下代码:
然后,从 AppComponent 中,有几个 DnDContainer 组件(它们的选择器是 'dnd-container')。我想听听他们的“onDataUpdate”输出并将其分配给不同的数组(targetItemsA、targetItemsB 等)。我正在尝试使用这样的简单语法:
但它不起作用,所以我必须创建一个特定的方法来将一个数组分配给另一个数组,如下所示:
该方法如下所示:
有没有更简单的方法来做到这一点(比如我在开始时指出的带有箭头功能的方法)?对不起,如果它太基本了,我对 Angular2 还是很陌生。
提前致谢,
PS:在 tsconfig.spec.json 文件中,我已将 'target' 属性更改为 'es6' 但它仍然不起作用。
angular - Angular2事件绑定中的字符串插值
我正在使用 anngFor
来列出我的数据,并且希望能够单击一个元素并让它调用我的组件类中的一个方法,以确定它是数据的哪个元素。我的尝试基本上是这样的:
但是,这不起作用并引发此错误:
我曾考虑过只是传递this
并使用本机元素来确定它是哪个元素,但这感觉很脏而且不是很有角度的 y。那我做错了吗?还是有更好的方法来解决这个问题?
javascript - 切换复选框 Angular 2
您好在我的项目中使用 angular 2 数据表。
我的身体:
当我选择行时,selectEntity 会将所选行作为数组传递。因此,如果我选择多个,我将得到一个包含多个对象的数组。如上所述,我有一个输入字段,在复选框上选择量 td 的值将复制到输入字段。直到这里工作。问题是如何在取消选中复选框时重置此值?有什么想法吗?提前致谢。
我的功能: