AngularJS 2 : 여분의 속성을 템플릿에 전달하십시오.

Question

잘 작동하는 Component 클래스 내에 @Input을 추가하여 추가 속성을 전달하려고했습니다. 그러나, 나는 아이디, 새로운 클래스, 즉 구성 요소 지침에 정의 된 모든 속성을 전달하는 방법을 확실하지 오전

<my-directive disabled style="color: red;">{{my name}}</my-directive> 

이에서

<button class="my-button" disabled style="color: red">{{my name}}</button> 

으로 확대해야한다, 클래스 속성은 구성 요소의 템플릿 파일 내에서 작성 & disabled style="..."은 템플릿으로 전달됩니다.

// Component code 

import { Component } from 'angular/core'; 

@Component({ 
selector: 'my-directive', 
template: ` 
      <button class="my-button">It should be fetched from outside</button> 
     ` 
}); 


export class MyDirective{  
    constructor(){ 

    } 
} 

Answer 1

style 위해 당신은 임의의 스타일을 설정하는 ngStyle를 사용할 수 있지만,이 입력에 관련이 없습니다.

모든 입력을 하나씩 만 설정할 수 있습니다. 여러 입력 또는 모든 입력을 한 번에 설정할 수있는 방법은 없습니다.

당신은 모든 자신을 입력을 만들고

@Input() input1; 
@Input() input2; 
@Input() input3; 

@Input() 
set all(data) { 
    this.input1 = data.input1 || this.input1; 
    this.input2 = data.input2 || this.input2; 
    this.input3 = data.input3 || this.input3; 
}