Angular4的dom事件

OnlyMyRailgun 发布于2019-08-01 18:18 / 932人阅读

摘要：属性代表当前的值，属性代表的是初始的值。模板绑定是通过属性和事件来工作的，而不是属性。

Angular4的dom事件

差值表达式和属性绑定其实是一样的（例）

dom属性和html属性不一样

change(event) {
  // dom属性
  console.log(event.target.value);
  // html属性
  console.log(event.target.getAttribute("value"));
}


// 打印结果
consult.component.ts:24 请输入姓
consult.component.ts:25 请输入姓名
consult.component.ts:24 请输入
consult.component.ts:25 请输入姓名
consult.component.ts:24 请输
consult.component.ts:25 请输入姓名

总结：

1：随着我不断的删除一些字，dom属性一直在变化，然而html属性并没变化。dom属性代表当前的值，html属性代表的是初始的值。

2：dom属性的值可以改变，html属性的值不能改变。

3：angular模板绑定是通过dom属性和事件来工作的，而不是html属性。

服务器托管私有云 DOM事件 dom事件管理 dom事件冒泡 DOM元素事件

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/51638.html

Angular4学习笔记之DOM属性绑定

摘要：如果没有，请查看学习笔记之安装和使用教程事件绑定准备工作了解目的在模版的界面上面增加一个按钮，然后通过小括号绑定一个事件。简介使用插值表达式将一个表达式的值显示在模版上 {{productTitle}} 使用方括号将HTML标签的一个属性值绑定到一个表达式上使用小括号将组件控制器的一个方法绑定到模版上面的一个事件的处理器上按钮绑定事件注意在开始下面的例子之前，请先确认已...

Genng 2019-08-21 18:34 评论0 收藏0
Angular4学习笔记——数据绑定

摘要：所以，在的世界中，唯一的作用是用来初始化元素和指令的状态。当进行数据绑定时，只是在与元素和指令的和事件打交道，而就基本上靠边站了，只有比较特殊的情况才会用到他。事件绑定事件名事件绑定分为对原生事件绑定和自定义事件绑定。数据绑定总体而言有三种类型： {{...}} 插值表达式绑定属性绑定（包括property和attitude 事件绑定插值表达式绑定既可以写在html结构中，...

MRZYD 2019-08-21 17:48 评论0 收藏0
前端框架这么多，该如何抉择？

摘要：在引起状态变化的时刻，框架自动触发脏检查，也可以手动执行脏检查，直接操作更新视图。最后，说了这么多，大家在具体选型时还是要首先分析自己的需求和现状，然后再做选择。作为一个软件开发者，最大的挑战就是在不断涌现的新技术中进行取舍，持续学习是从事这一行业的必备技能。在这个领域里，技术更新最快地又非前端莫属了。各种框架的出现、版本的更新此起彼伏，呈现出一派欣欣向荣之景。在项目中必不可少的便...

Jackwoo 2019-08-29 15:37 评论0 收藏0
前端框架这么多，该如何抉择？

摘要：在引起状态变化的时刻，框架自动触发脏检查，也可以手动执行脏检查，直接操作更新视图。最后，说了这么多，大家在具体选型时还是要首先分析自己的需求和现状，然后再做选择。作为一个软件开发者，最大的挑战就是在不断涌现的新技术中进行取舍，持续学习是从事这一行业的必备技能。在这个领域里，技术更新最快地又非前端莫属了。各种框架的出现、版本的更新此起彼伏，呈现出一派欣欣向荣之景。在项目中必不可少的便...

lemon 2019-08-26 11:59 评论0 收藏0