Angular 2 alpha 22, 속성을 통해 구성 요소에 값을 전달하는 방법은 무엇입니까?

우 사마 감 무디

선택기 '앱'으로 구성 요소를 선언 한 다음 다음과 같이 사용했습니다.

<app title="Awesome Title"></app>

템플릿에서 나는 이것을 썼다.

The title passed {{ title }}

구성 요소 주석 작성을 추가했습니다.

@Component({
    selector: 'app',
    properties: {title:'title'}  // also tried ['title']
});

그러나 아무것도 나타나지 않고 출력은

The title passed

도움이 필요하세요? 감사

shmck

어떤 이유로 properties부트 스트랩 된 루트 앱에서 작동하지 않는 것 같습니다.

'title-app'이라는 구성 요소를 만들고 'app'내부에로드 해보십시오.

// inner component
@Component({
  selector: 'title-component',
  properties: {title:'title'}
})
@View({ template: '<h1>{{title}}</h1>'})
class titleComponent{}

// root app
@Component({ selector: 'app' })
@View({ 
  directives: titleComponent, 
  template: '<title-component [title]="Some Title"></title-component>' 
})
class App{}

최신 버전의 Angular2 : 현재 alpha-26 을 사용할 수도 있습니다 . alpha-26 +에서 속성 이름이 같은 경우 한 번만 호출 할 수 있습니다.

properties: {'title': 'title'} => properties: 'title'

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Angular 2 alpha 22, 속성을 통해 구성 요소에 값을 전달하는 방법은 무엇입니까?

분류에서Dev

Observable 속성을 Angular2의 구성 요소에 전달하는 방법은 무엇입니까?

분류에서Dev

Angular : HTML을 통과하지 않고 구성 요소에서 anoher 구성 요소로 데이터를 전달하는 방법은 무엇입니까?

분류에서Dev

Angular 2 --alpha 37 생성자에서 속성을 얻는 방법은 무엇입니까?

분류에서Dev

Angular 2 : 서비스 구성을 생성하기 전에 전달하는 방법은 무엇입니까?

분류에서Dev

다른 구성 요소를 통해 속성을 업데이트 한 후 구성 요소가 Angular 2에서 렌더링되도록 트리거하는 방법은 무엇입니까? ngZone.run ()이 작동하지 않습니다.

분류에서Dev

Angular의 canDeactivate Guard에 전달 된 일반 구성 요소 속성을 얻는 방법은 무엇입니까?

분류에서Dev

Angular 2의 이벤트 핸들러에서 html 요소 속성 / 속성을 전달하는 방법은 무엇입니까?

분류에서Dev

angular2에서 데이터 모델을 구축하기 위해 한 구성 요소에서 다른 구성 요소로 개체를 전달하는 방법은 무엇입니까?

분류에서Dev

다른 반응 구성 요소에 문자열 값을 전달하고 해당 구성 요소에서 응답을 얻는 방법은 무엇입니까?

분류에서Dev

Angular 2에서 동적으로 추가 된 구성 요소의 값을 해결하는 방법은 무엇입니까?

분류에서Dev

Ember.js : 구성 요소 속성을 jQuery 콜백에 전달하는 방법은 무엇입니까?

분류에서Dev

속성을 자식 구성 요소에 전달하는 방법은 무엇입니까?

분류에서Dev

VueJS는 속성 값을 통해 하위 구성 요소에 사용자 정의 속성을 전달합니다.

분류에서Dev

Angular 2의 구성 요소간에 배열을 공유하는 방법은 무엇입니까?

분류에서Dev

입력 속성을 통해 하위 구성 요소에 전달 된 값 검색

분류에서Dev

하위 구성 요소 Anguar에 값을 전달하는 방법은 무엇입니까?

분류에서Dev

axios 요청을 통해 Html에서 속성 값을 얻는 방법은 무엇입니까?

분류에서Dev

React에서 여러 구성 요소를 통해 데이터를 전달하는 방법은 무엇입니까?

분류에서Dev

Angular 2 / ionic 2에서 특정 속성 값을 변경하는 방법은 무엇입니까?

분류에서Dev

Redux Promise로 구성 요소에 대한 약속을 해결하는 방법은 무엇입니까?

분류에서Dev

Angular에서 구성 요소가 부모 / 자식이 아닌 경우 한 구성 요소에서 다른 구성 요소로 값을 전달하는 방법은 무엇입니까?

분류에서Dev

반응 구성 요소 : 소품에서 키 전용 속성을 설정하는 방법은 무엇입니까?

분류에서Dev

반응 구성 요소 : 소품에서 키 전용 속성을 설정하는 방법은 무엇입니까?

분류에서Dev

react-router의 자식 요소에 구성 요소 콜백을 전달하는 방법은 무엇입니까?

분류에서Dev

Angular 2 앱을 시작하기 전에 구성 파일을 읽는 방법은 무엇입니까?

분류에서Dev

JNI를 통해 Kotlin 속성을 구현하는 방법은 무엇입니까?

분류에서Dev

Angular 2 / Typescript-속성에 동일한 값이 있는지 확인하기 위해 객체 배열을 확인하는 방법은 무엇입니까?

분류에서Dev

Vue.js의 코드에서 구성 요소 속성 값을 변경하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    Angular 2 alpha 22, 속성을 통해 구성 요소에 값을 전달하는 방법은 무엇입니까?

  2. 2

    Observable 속성을 Angular2의 구성 요소에 전달하는 방법은 무엇입니까?

  3. 3

    Angular : HTML을 통과하지 않고 구성 요소에서 anoher 구성 요소로 데이터를 전달하는 방법은 무엇입니까?

  4. 4

    Angular 2 --alpha 37 생성자에서 속성을 얻는 방법은 무엇입니까?

  5. 5

    Angular 2 : 서비스 구성을 생성하기 전에 전달하는 방법은 무엇입니까?

  6. 6

    다른 구성 요소를 통해 속성을 업데이트 한 후 구성 요소가 Angular 2에서 렌더링되도록 트리거하는 방법은 무엇입니까? ngZone.run ()이 작동하지 않습니다.

  7. 7

    Angular의 canDeactivate Guard에 전달 된 일반 구성 요소 속성을 얻는 방법은 무엇입니까?

  8. 8

    Angular 2의 이벤트 핸들러에서 html 요소 속성 / 속성을 전달하는 방법은 무엇입니까?

  9. 9

    angular2에서 데이터 모델을 구축하기 위해 한 구성 요소에서 다른 구성 요소로 개체를 전달하는 방법은 무엇입니까?

  10. 10

    다른 반응 구성 요소에 문자열 값을 전달하고 해당 구성 요소에서 응답을 얻는 방법은 무엇입니까?

  11. 11

    Angular 2에서 동적으로 추가 된 구성 요소의 값을 해결하는 방법은 무엇입니까?

  12. 12

    Ember.js : 구성 요소 속성을 jQuery 콜백에 전달하는 방법은 무엇입니까?

  13. 13

    속성을 자식 구성 요소에 전달하는 방법은 무엇입니까?

  14. 14

    VueJS는 속성 값을 통해 하위 구성 요소에 사용자 정의 속성을 전달합니다.

  15. 15

    Angular 2의 구성 요소간에 배열을 공유하는 방법은 무엇입니까?

  16. 16

    입력 속성을 통해 하위 구성 요소에 전달 된 값 검색

  17. 17

    하위 구성 요소 Anguar에 값을 전달하는 방법은 무엇입니까?

  18. 18

    axios 요청을 통해 Html에서 속성 값을 얻는 방법은 무엇입니까?

  19. 19

    React에서 여러 구성 요소를 통해 데이터를 전달하는 방법은 무엇입니까?

  20. 20

    Angular 2 / ionic 2에서 특정 속성 값을 변경하는 방법은 무엇입니까?

  21. 21

    Redux Promise로 구성 요소에 대한 약속을 해결하는 방법은 무엇입니까?

  22. 22

    Angular에서 구성 요소가 부모 / 자식이 아닌 경우 한 구성 요소에서 다른 구성 요소로 값을 전달하는 방법은 무엇입니까?

  23. 23

    반응 구성 요소 : 소품에서 키 전용 속성을 설정하는 방법은 무엇입니까?

  24. 24

    반응 구성 요소 : 소품에서 키 전용 속성을 설정하는 방법은 무엇입니까?

  25. 25

    react-router의 자식 요소에 구성 요소 콜백을 전달하는 방법은 무엇입니까?

  26. 26

    Angular 2 앱을 시작하기 전에 구성 파일을 읽는 방법은 무엇입니까?

  27. 27

    JNI를 통해 Kotlin 속성을 구현하는 방법은 무엇입니까?

  28. 28

    Angular 2 / Typescript-속성에 동일한 값이 있는지 확인하기 위해 객체 배열을 확인하는 방법은 무엇입니까?

  29. 29

    Vue.js의 코드에서 구성 요소 속성 값을 변경하는 방법은 무엇입니까?

뜨겁다태그

보관