Góc 2 làm cho @Input trên chỉ thị bắt buộc

Question

Trong Góc 1 chúng ta có thể tạo một thuộc tính chỉ thị được yêu cầu. Làm thế nào để chúng ta làm điều đó trong Angular 2 với @Input? Các tài liệu không đề cập đến nó.

Ví dụ:

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

Kiểm tra trong ngOnInit() (đầu vào chưa được thiết lập khi các nhà xây dựng được thực hiện) dù thuộc tính có giá trị.

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"); 
    } 
} 

Bạn cũng có thể kiểm tra trong ngOnChanges(changes) {...} nếu các giá trị đã không được đặt để null. Xem thêm https://angular.io/docs/ts/latest/api/core/OnChanges-interface.html

Answer 2

Bạn có thể làm điều đó như thế này:

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

Answer 3

Đối với tôi, tôi phải làm điều đó theo cách này:

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

FYI, Nếu bạn muốn yêu cầu chỉ thị @Output, sau đó thử này:

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"); 
    } 
}