錯誤TS2304：找不到名稱 '頁'

Question

這裏是我的page.ts

page.ts

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"); 
    } 

的showLoginPageForm內的另一個本地函數的page.ts文件顯示

error TS2304: Cannot find name 'page' 

我不知道我錯過了什麼

Answer 1

我找到了解決辦法，在已經與nativescript-打字稿做一個項目採取後一看

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();  
} 

然後從這裏呼叫功能，例如showLoginPageForm()可以訪問initialContainer.animate()所有屬性和方法屬於您要使用的對象。謝謝@Kirby

Answer 2

可變page被定義爲功能navigatingTo內的局部變量，並且對功能showLoginPageForm不可見。

也許你想聲明page以外的功能，以便它們都可以看到它們。

Answer 3

如果您在本地函數中需要全局變量，則應考慮使用函數參數或基於類的對象。

類基礎的解決方案（只要我可以調用它的解決方案）

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"); 
    } 
}