이런 식으로 html 템플릿에 표시하는 데이터 목록이 있습니다.
<div>
<a (click)='onClick(this)' someproperty='test'></a>
<a (click)='onClick(this)' someproperty='test'></a>
<a (click)='onClick(this)' someproperty='test'></a>
<a (click)='onClick(this)' someproperty='test'></a>
</div>
항목을 클릭 할 때마다 하나의 속성을 동적으로 변경하고 싶습니다. 그러나 Angular는 객체를 정의되지 않은 것으로 표시합니다.
내 구성 요소는 다음과 같습니다.
declare var $:any;
export class MyComponent {
onClick(someobject): void {
$(someobject).attr('someproperty','dontTest');//console shows "Undefined"
}
}
아래에서 시도해보십시오.
<a (click)='onClick($event)' someproperty='test'>click me</a>
onClick(someobject): void {
someobject.target.attributes['someproperty'].value = "donttest";
console.log(someobject.target.attributes['someproperty'].value);
}
여기입니다 Plunker은!
도움이 되었기를 바랍니다!!
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다