Angular2事件绑定,可以在没有'('&')'的情况下完成,属性绑定可以在没有'['&'的情况下完成']'

时间:2016-10-27 06:47:54

标签: html dom angular angular2-forms

我想知道是否有任何方法可以在不使用括号括号的情况下实现事件和属性绑定? 参考:https://angular.io/docs/ts/latest/guide/template-syntax.html#!#event-binding

<input [value]="currentHero.firstName"
       (input)="currentHero.firstName=$event.target.value" >
  • 在Angular2中,对于事件绑定,我们需要'(event-type)',寻找一些方法来执行相同的
  • 在Angular2中,对于属性绑定,我们需要'[property-value]',寻找一些方法来执行相同的功能。
    这可以按照正常的DomElements的方式完成,因为'[]'&amp; '()'不是有效的Html属性..!

修改
功能:

getDomElement(model:Object){
//...some logic to control the elemet generation
return {text-type-InputElement};// ..only returns elemnts(eg: <input type="text"/>)
}
var type = getDomElement(elem).type; // .. will give us TEXT
var tagName = getDomElement(elem).tagName;//.. will give us INPUT

使用上面返回的DomElement,我试图执行 element.setAttribute(“[(ngModel)]”,“model.firstName”)。 这是不可能的,任何替代方案都可以实现这一点。

1 个答案:

答案 0 :(得分:3)

<input bind-value="currentHero.firstName"
       on-input="currentHero.firstName=$event.target.value" >

请参阅https://angular.io/docs/ts/latest/guide/template-syntax.html(搜索“规范”)