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