javascript - 如何用angular2和typescript隐藏android actionbar？

Question

我有一个简单的 html 文件:

<StackLayout orientation="vertical" actionBarHidden="true">
      <Image src="res://buy" stretch="none" horizontalAlignment="center"></Image>
</StackLayout>

但是当我使用:

<Page actionBarHidden="true">
  <StackLayout orientation="vertical">
      <Image src="res://buy" stretch="none" horizontalAlignment="center"></Image>
  </StackLayout>
</Page>

它打破了页面..操作栏没有隐藏，内容和操作栏之间有很大的空白。

我在我的应用中使用了 angular2 和 typescript。

我的错误是什么？

非常感谢任何帮助!

Answer 1

你可以在你的组件 JS 中定位页面属性，像这样:

export class HomePage implements OnInit {
    page: Page;
    ngOnInit() {
        this.page = <Page>topmost().currentPage;
        this.page.actionBarHidden = true;
    }
}

您还需要导入 import {topmost} from "ui/frame";和 import {Page} from "ui/page"; .

这样你就不需要标签了(它们隐含在 Angular 2 组件中)。

希望对您有所帮助!

此外，只是为了跟进 Brad 关于自关闭标签的评论 - 您会发现使用 Angular，显式关闭标签(正如您正在做的那样)工作得更好。