エラーTS2304：名 'ページ' ここ

Question

を見つけることができませんで、私のpage.ts

page.ts showLoginPageForm内部

var viewModel : launchViewModelModule.LaunchViewModel; 
viewModel = new launchViewModelModule.LaunchViewModel(); 

export function navigatingTo(args: observableModule.EventData) { 
    var page = <pageModule.Page>args.object; 
    page.bindingContext = viewModel; 
    } 
function showLoginPageForm(slow){ 
       var initialContainer = page.getViewById("initial-container"); 
       var mainContainer = page.getViewById("container"); 
       var containerLogo = page.getViewById("container-logo"); 
    } 

page.tsファイルに別のローカル機能が

を示し

error TS2304: Cannot find name 'page' 

私は

Answer 1

（私はそれを解決を呼び出すことができます限り）クラスベースのソリューション

var viewModel : launchViewModelModule.LaunchViewModel; 
viewModel = new launchViewModelModule.LaunchViewModel(); 

let initialContainer: StackLayout; 
let mainContainer: StackLayout; 
let containerLogo: AbsoluteLayout; 


export function navigatingTo(args: observableModule.EventData) { 
    var page = <pageModule.Page>args.object; 
    page.bindingContext = viewModel; 

    initialContainer = <StackLayout>page.getViewById("initial-container"); 
    mainContainer = <StackLayout>page.getViewById("container"); 
    containerLogo = <AbsoluteLayout>page.getViewById("container-logo"); 
    runAnimation();  
} 

次にここから呼び出す関数は、使用したいオブジェクトに属するすべてのプロパティとメソッドに対してinitialContainer.animate()というアクセス権を持つことができます。ありがとう@Kirby

Answer 2

変数をしないのですかわかりませんは、関数navigatingTo内のローカル変数として定義されており、関数showLoginPageFormでは表示されません。

おそらくpageを関数の外に宣言して、その両方に表示されるようにしたいことがあります。

Answer 3

ローカル関数内にグローバル変数が必要な場合は、関数パラメータまたはクラスベースのオブジェクトの使用を検討する必要があります。

すでにnativescript-typescriptですで行うプロジェクトを見て取った後、私は解決策を見つけた

class Navigator { 

    protected page: pageModule.Page; 
    protected viewModel: launchViewModelModule.LaunchViewModel; 

    constructor(viewModel: launchViewModelModule.LaunchViewModel) { 
     this.viewModel = viewModel; 
    } 

    public navigateTo(args: observableModule.EventData): void { 

     this.page = args.object as pageModule.Page; 
     this.page.bindingContext = viewModel; 
    } 

    public showLoginPageForm(slow) { 

     const initialContainer = this.page.getViewById("initial-container"); 
     const mainContainer = this.page.getViewById("container"); 
     const containerLogo = this.page.getViewById("container-logo"); 
    } 
}