कोणीय 2 निर्देश पर @ इनपुट करें

Question

कोणीय 1 में हम निर्देशक विशेषता आवश्यक कर सकते हैं। हम एंगुलर 2 में @ इनपुट के साथ ऐसा कैसे करते हैं? दस्तावेज़ों का उल्लेख नहीं है।

ईजी।

Component({ 
    selector: 'my-dir', 
    template: '<div></div>' 
}) 
export class MyComponent { 
    @Input() a:number; // Make this a required attribute. Throw an exception if it doesnt exist 
    @Input() b:number; 

    constructor(){ 

    } 
} 

Answer 1

में चेक ngOnInit() (आदानों अभी तक जब निर्माता निष्पादित किया जाता है सेट नहीं हैं) विशेषता एक मूल्य है या नहीं।

Component({ 
    selector: 'my-dir', 
    template: '<div></div>' 
}) 
export class MyComponent { 
    @Input() a:number; // Make this a required attribute. Throw an exception if it doesnt exist 
    @Input() b:number; 

    constructor(){ 

    } 

    ngOnInit() { 
     if(null == a) throw new Error("Attribute 'a' is required"); 
    } 
} 

तुम भी ngOnChanges(changes) {...} में जाँच कर सकते हैं मूल्यों null करने के लिए सेट नहीं किया गया है। यह भी देखें https://angular.io/docs/ts/latest/api/core/OnChanges-interface.html

Answer 2

आप इस तरह यह कर सकते हैं:

constructor() {} 
ngOnInit() { 
    if (!this.a) throw new Error(); 
} 

Answer 3

मेरे लिए, मैं था यह इस तरह से करने के लिए:

ngOnInit() { if(!this.hasOwnProperty('a') throw new Error("Attribute 'a' is required"); }

FYI करें, आप @Output निर्देशों की आवश्यकता के लिए चाहते हैं, तो इस कोशिश:

export class MyComponent { 
    @Output() myEvent = new EventEmitter(); // This a required event 

    ngOnInit() { 
     if(this.myEvent.observers.length === 0) throw new Error("Event 'myEvent' is required"); 
    } 
}