(उदाहरण के click
Angular1 साथ ng-click
तरह के लिए) के ईवेंट प्रबंधित करने निम्न सिंटैक्स का उपयोग कर सकते हैं:
<button (click)="callSomeMethodOfTheComponent()">Click</button>
यहाँ अंतर यह है कि इस अधिक सामान्य है। मेरा मतलब है कि आप सीधे डीओएम कार्यक्रमों का उपयोग कर सकते हैं लेकिन EventEmitter
कक्षा का उपयोग करके परिभाषित कस्टम भी कर सकते हैं।
@Component({
selector: 'my-selector',
template: `
<div>
<button (click)="callSomeMethodOfTheComponent()">Click</button>
<sub-component (my-event)="callSomeMethodOfTheComponent()"></sub-component>
</div>
`,
directives: [SubComponent]
})
export class MyComponent {
callSomeMethodOfTheComponent() {
console.log('callSomeMethodOfTheComponent called');
}
}
@Component({
selector: 'sub-component',
template: `
<div>
<button (click)="myEvent.emit()">Click (from sub component)</button>
</div>
`
})
export class SubComponent {
@Output()
myEvent: EventEmitter;
constructor() {
this.myEvent = new EventEmitter();
}
}
आशा है कि यह आप में मदद करता है, थियरी
स्रोत
2016-01-21 16:01:59
< "डिफ़ॉल्ट संभाला घटनाओं मूल HTML डोम घटक की प्रतिस्पर्धा से मैप किया जाना चाहिए" - आप कृपया अपने स्रोत बोली, या प्रदान कर सकते हैं उपलब्ध घटनाओं की एक सूची? मुझे घटनाओं की कोई आधिकारिक कोणीय 2 सूची नहीं मिली। – jdebon
यहां [अधिक पूर्ण] [http://www.w3fools.com/) सूची [DOM ईवेंट] की सूची है (https://developer.mozilla.org/en-US/docs/Web/Events)। – cvsguimaraes
यहां पर एक और स्थान है checc https://developer.mozilla.org/en-US/docs/Web/Events – Belter