Angularjs 如何使用nativescript、angular2和typescript更改iOS状态栏的颜色？

所以我找到了这个npm包：

但是我不能使用页面元素，因为我使用的是angular和typescript

我已经说过：

this.page.backgroundspanUnderstanutsbar=true

但是我的背景色是黑色的

我需要iOS的灯光状态栏

现在可能吗

---

非常感谢任何帮助

您可以尝试以下方法

从angular2/core导入{Component}； 导入frameModule=requireui/frame； @组成部分{ 选择器：我的应用程序， 模板：` `, } 导出类AppComponent{ 恩戈尼特{ var page=frameModule.topmost.currentPage； page.backgroundspanUnderstanusbar=true； ifpage.ios{ page.ios.navBarVisibility=始终； var controller=page.ios.controller； var navigationBar=controller.navigationBar； navigationBar.barStyle=2；//从0到3的不同样式 } }

---

} 使用nativescript中的angular2，您只需在组件中注册和元素：

RegisterElementsStatusBar，=>requirenActiveScript-statusbar.statusbar； 在您的视图中，使用您创建的标记，在这种情况下，状态栏：

---

早些时候，我在Angular/nativescript应用程序中使用“nativescript statusbar”包更改状态栏背景。但它会导致横向模式上的状态栏出现问题

所以我找到了一个更好的解决方案：

import { Page } from "ui/page";

@Component({...}) 
export class YourAnyComponent {
    public constructor(private page: Page) {}
    ngOnInit() {
        this.page.backgroundColor = '#2c303a';
        this.page.backgroundSpanUnderStatusBar = true;
        this.page.actionBarHidden = false; // if you want to show only statusbar or - true if you want to show both stutus bar and action bar
    }
}

---

谢谢你，尼克，但我有一个未定义的错误。undefined不是对象控制器。NavigationBar您应该能够使插件与ng2代码一起工作。可能需要一行或两行配置，但应该可以工作。看看这个用户是如何让FAB插件工作的，我们应该在整个应用程序中使用它吗？Prabhakar Bhat，你应该1在你的项目目录中打开一个终端，并运行命令“tns plugin add nativescript statusbar”；2将'registerElement'放入类AppModule之外的app.module.ts文件中；不要忘记从“nativescript”导入带有import{registerElement}的registerElement；3放置到要显示状态栏的视图。