이오닉 2 - 사용자 지정 구성 요소 @ 입력이 올바르게 작동하지 않습니다.

Question

Ionic 2 Rc2를 사용합니다. 내 응용 프로그램의 모든 페이지에 대한 사용자 지정 navbar를 만들고 싶습니다. 이 탐색 표시 줄의 제목은 페이지에 따라 변경해야합니다. navbar.ts 및 navbar.html을 만들었습니다. 내 응용 프로그램이 오류없이 작동합니다.

home.html에서 <navbar [pageTitle]="1" ></navbar>을 사용하는 경우 pageTitle은 1로 설정됩니다. 그러나 home.html에서 <navbar [pageTitle]="home page" ></navbar>을 사용하면 pageTitle의 결과는 정의되지 않습니다.

Navbar.ts

import { Component,Input } from '@angular/core'; 

import { NavController } from 'ionic-angular'; 

@Component({ 
    selector: 'navbar', 
    templateUrl: 'navbar.html' 
}) 

export class CustomNavbar { 

@Input() 
public pageTitle : string; 

    constructor(public navCtrl: NavController) { 
     console.log(this.pageTitle); 
    } 

} 

navbar.html

<ion-header> 
    <ion-toolbar color="primary" no-border-bottom> 
    <ion-buttons left> 
     <button ion-button> 
     <ion-icon name="contact"></ion-icon> 
     </button> 
    </ion-buttons> 
    <ion-title >{{pageTitle}}</ion-title> 
    <ion-buttons right> 
     <button ion-button> 
     <ion-icon name="options"></ion-icon> 
     </button> 
    </ion-buttons> 
    </ion-toolbar> 
</ion-header> 

home.html을

<navbar [pageTitle]="Home Page" ></navbar> 

<ion-content padding> 
welcome 


</ion-content> 

이때 pageTitle를 복귀 미정. 어떤 해결책? 감사.

Answer 1

나는 그것도

• input attribute does not receive data