반응형

옵션

설명
bindingPropertyName

데코레이터는 클레스의 필드에 입력 속성으로 마킹하는 기능을 하며 메타데이터 구성을 제공합니다. 바인딩된 데이터의 입력 속성을 명시하면 앵귤러는 자동적으로 값을 업데이트 합니다.

옵션

데코레이터는 클레스의 필드에 입력 속성으로 마킹하는 기능을 하며 메타데이터 구성을 제공합니다. 바인딩된 데이터의 입력 속성을 명시하면 앵귤러는 자동적으로 값을 업데이트 합니다.

bindingPropertyName: string

컴포넌트가 인스턴스화 할 때, 템플릿에서 마음껏 다른 이름을 사용할 수 있도록 바인드 속성의 이름을 맵핑합니다.

기본적으로, 바인드된 속성의 원래 이름이 입력 바인딩을 위해서 사용됩니다.

아래 예제에서 2개의 입력 속성을 갖는 컴포넌트를 만들었습니다, 1개는 특별한 바인딩 이름을 갖습니다.

  1. @Component({
  2. selector: 'bank-account',
  3. template: `
  4. Bank Name: {{bankName}}
  5. Account Id: {{id}}
  6. `
  7. })
  8. class BankAccount {
  9. // 이 속성은 바운드된 본래의 이름을 사용합니다.
  10. @Input() bankName: string;
  11. // 템플릿에서 이 컴포넌트가 인스턴스화 될 때
  12. // 이 속성 값은 다른 속성 이름으로 바운드 됩니다.
  13. @Input('account-id') id: string;
  14.  
  15. // 이 속성은 바운드되지 않으며, 앵귤러가 자동적으로 업데이트할 수 없습니다.
  16. normalizedBankName: string;
  17. }
  18.  
  19. @Component({
  20. selector: 'app',
  21. template: `
  22. <bank-account bankName="RBC" account-id="4747"></bank-account>
  23. `
  24. })
  25.  
  26. class App {}


반응형

'프로그래밍 > Angular' 카테고리의 다른 글

FormsModule With ViewChild  (0) 2018.09.05
Component- Event  (0) 2018.08.12
Component- DataBinding  (0) 2018.08.11
Pipe  (0) 2018.06.07
NgModules  (0) 2018.06.07

+ Recent posts