ionic2 내비게이션과 각도 -

로그인 기능을 구현하려고합니다. 나는 홈 페이지에 세부 정보 페이지에 가면이 잘 작동 ionic2 내비게이션과 각도 -

import {Component,OnInit} from "@angular/core"; 
import {Header} from '../header/header'; 
import {HomePage} from '../home/home'; 
import {AuthenticationService, User} from '../../services/authService' 
import {NavController,NavParams,Platform,Storage,SqlStorage,Toast} from 'ionic-angular'; 
import {NgIf} from '@angular/common'; 
import {PersonSO} from '../../services/personSO'; 



@Component({ 
    templateUrl: 'build/pages/userprofile/userprofile.html', 
    directives:[Header], 
    providers: [AuthenticationService] 
}) 
export class DetailsPage implements OnInit{ 
    public pageHeader:string; 
    public storage; 
    public people =[]; 



    constructor(private platform: Platform,private navParams: NavParams, 
     private _service:AuthenticationService,private nav: NavController) { 
      this.pageHeader="List of user"; 
       this.platform.ready().then(() => { 
       this.storage = new Storage(SqlStorage); 
       this.nav = nav;   
      }); 


     } 

    ngOnInit() {  
     this._service.checkCredentials(); 

    } 
    goBack(){ 
      this.nav.push(HomePage); 
    } 
    navigateToUserForm(){ 
      this.nav.push(HomePage); 
    } 

    edit(person:PersonSO){ 
     this.nav.push(HomePage,{ 
     person: person 
    }); 
    } 

}

추적 조사로

import {Component} from "@angular/core"; 
    import {Header} from '../header/header'; 
    import {AuthenticationService, User} from '../../services/authService' 
    import {DetailsPage} from '../details/details'; 
    import {UserProfilePage} from '../userprofile/userprofile'; 
    import {NavController,NavParams} from 'ionic-angular'; 
    import {NgIf} from '@angular/common'; 




@Component({ 
    templateUrl: 'build/pages/login/login.html', 
    directives:[Header], 
    providers: [AuthenticationService], 
    styles:[' .login-home { align:center;margin-left:20px;}'] 
}) 

export class LoginPage { 

    public user = new User('',''); 
    public errorMsg = ''; 
    public pageHeader:string; 

    constructor(
     private _service:AuthenticationService,private nav: NavController) { 
      this.pageHeader="Login" 
      this.user = new User('',''); 
      this.nav = nav; 

     } 

    login() { 
     this.nav.setRoot(DetailsPage); 
     this.nav.push(DetailsPage); 
     // let loginSucessful = this._service.login(this.user) 
     /** if(loginSucessful !== undefined && loginSucessful == false){ 
       this.errorMsg = 'Invalid login'; 
      }*/ 
    } 

}

세부 정보 페이지입니다. 그러나 로그인 페이지에서 탐색하는 동안. 오류가 발생했습니다.

11 756293 error Uncaught EXCEPTION: Error in build/pages/login/login.html:17:20 ORIGINAL EXCEPTION: TypeError: Cannot read property 'parameters' of undefined ORIGINAL STACKTRACE: TypeError: Cannot read property 'parameters' of undefined at ReflectionCapabilities.parameters (http://localhost:8100/build/js/app.bundle.js:29733:40) at Reflector.parameters (http://localhost:8100/build/js/app.bundle.js:29921:48) at CompileMetadataResolver.getDependenciesMetadata (http://localhost:8100/build/js/app.bundle.js:11007:86) at CompileMetadataResolver.getTypeMetadata (http://localhost:8100/build/js/app.bundle.js:10958:26) at http://localhost:8100/build/js/app.bundle.js:11107:30 at Array.map (native) at CompileMetadataResolver.getProvidersMetadata (http://localhost:8100/build/js/app.bundle.js:11095:26) at CompileMetadataResolver.getDirectiveMetadata (http://localhost:8100/build/js/app.bundle.js:10910:34) at RuntimeCompiler.resolveComponent (http://localhost:8100/build/js/app.bundle.js:14802:47) at NavController.loadPage (http://localhost:8100/build/js/app.bundle.js:46890:24) ERROR CONTEXT:

해결 방법이 있으면 알려주십시오. templateUrl 빌드 폴더에서 호출하지 않아야 귀하의

출처

2016-07-13 jslearner07

확신 여기

@Component({ 
    templateUrl: 'build/pages/login/login.html',

오류가 있습니다.

@Component({ 
    templateUrl: 'login.html',

이온 CLI

>_ ionic generate page login

페이지가 다음 앱 폴더에 app.module.ts 파일에 정의 할 필요를 사용하는 방법 이온 빌드 페이지 구조 당신은 볼 수 있습니다.

출처

2016-11-05 09:33:48

ionic2 내비게이션과 각도 -

답변

관련 문제