angular2 标签中attribute和property

原链接:http://blog.csdn.net/erciyuan_nuonuo/article/details/60971696

property:dom元素作为对象附加的内容,例如childNodes、firstChild等 
attribute:HTML标签特性是dom节点自带的属性

异同: 
1 . 部分属性既属于property,又属于attribute,比如id 
2 . attribute初始化后不会再改变;property默认值为初始值,会随着dom更新

所以在angular2中双向绑定实现是由dom的property实现的,所以指令绑定的是property,但是在某些情况下dom不存在某个property比如colspan,rowspan等,这时想要绑定html标签特性需要用到attr

<table width="100%" border="10px solid">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td [attr.colspan]=colnum>January</td>
  </tr>
  <tr>
    <td [attr.colspan]=colnum>February</td>
  </tr>
</table>

let colnum:number = 2;
时间: 2024-10-06 15:32:30

angular2 标签中attribute和property的相关文章

javascript中attribute和property的区别详解

DOM元素的attribute和property很容易混倄在一起,分不清楚,两者是不同的东西,但是两者又联系紧密.很多新手朋友,也包括以前的我,经常会搞不清楚. attribute翻译成中文术语为"特性",property翻译成中文术语为"属性",从中文的字面意思来看,确实是有点区别了,先来说说attribute. attribute是一个特性节点,每个DOM元素都有一个对应的attributes属性来存放所有的attribute节点,attributes是一个类数

Javascript中的attribute和property分析

attribute和property这两个单词,都有属性的意思,attribute有属性.特质的意思,property则有性质,性能的意思. 首先需要明确的是,在规范中,读取和设置attribute的方法是getAttribute/setAttribute/removeAttribute,比如box.setAttribute('somekey','somevalue') 而想要访问元素的property,则需要用.(点)的方法,比如,box.somekey,下面先说attribute: <div

HTML中的attribute和property

一.概述 attribute和property是常常被弄混的两个概念. 简单来说,property则是JS代码里访问的: document.getElementByTagName('my-element').prop1 = 'hello'; attribute类似这种: <my-element attr1="cool" /> JS代码里访问attribute的方式是getAttribute和setAttribute: document.getElementByTagName

applicationContext.xml文件中&lt;bean&gt;标签中property属性用法说明

<bean name="useraaa" class="com.maple.bean.User"> <property name="name"> <value>小强</value> </property> <property name="age"> <value>26</value> </property> <pr

attribute和property

前言:attribute和property分别翻译为"特性"和"属性",这两者很容易混淆,本文主要介绍它们的异同. attribute特性 [定义] dom元素在文档中作为html标签拥有一些特性,比如id,class,title等标准特性,或开发人员自定义的特性. <div id="myDiv" class="bd" title="bodyText" myProp="hello"

boolean attribute(布尔值属性) attribute vs property

boolean attribute(布尔值属性) boolean attribute     HTML - Why boolean attributes do not have boolean value?     Boolean HTML Attributes   HTML Boolean Attributes A number of attributes are boolean attributes. The presence of a boolean attribute on an ele

Hibernate5-多对一双向关联-fetch=&quot;select&quot;,lazy=&quot;proxy&quot;,在一的一方的class标签中添加

1.创建项目,项目名称hibernatedemo28,目录结构如图所示 2.在项目中创建lib目录存储jar文件,目录结构如图所示 3.在src目录中创建实体类Forum,包名(com.mycompany.demo.bean),如图所示 4.实体类Forum的内容如下 package com.mycompany.demo.bean; import java.util.Set; public class Forum { private int fid; private String name; p

attribute与property区别总结

在前阵子看JQuery源码中,attr()的简单理解是调用了element.getAttribute()和element.setAttribute()方法,removeAttr()简单而言是调用element.removeAttribute(),而prop()简单理解是element.xxx方式存取属性,removeProp()是通过delete element.xxx方式删除. attribute与property都是属性的意思.那么有何区别呢? 对于这个问题,今天问了好几个群,也找到一些文章

attribute和property的区别

DOM元素的attribute和property很容易混倄在一起,分不清楚,两者是不同的东西,但是两者又联系紧密.很多新手朋友,也包括以前的我,经常会搞不清楚. attribute翻译成中文术语为“特性”,property翻译成中文术语为“属性”,从中文的字面意思来看,确实是有点区别了,先来说说attribute. attribute是一个特性节点,每个DOM元素都有一个对应的attributes属性来存放所有的attribute节点,attributes是一个类数组的容器,说得准确点就是Nam