2017-02-28 92 views
0

我正在学习使用nativescript开发跨平台的移动客户端应用程序。事实证明,UI组件在nativescript中是非常有限的,每次我尝试学习官方文档时,它都会将我引向angular2文档。我知道,nativescript使用angular2,但角度的例子不适用于移动客户端?NativeScript与Angular2的用户界面不支持移动客户端?

例如: template: <button (click)="onClickMe()">Click me!</button>这种代码只能用于web应用程序的工作,它不支持nativescript移动客户端的开发,它可以complie但并没有什么显示,该格式是有些不同:

<Button (tap)="onClickMe()" text="!" ></Button>

上面的代码是我正在寻找的代码。但是我找不到能够告诉我如何在它们之间传输的文档。我找到的所有文件都是关于第一个代码的。

我真的为此而努力,我甚至无法找到“单选按钮”的手机客户端:(

只是想知道为什么第一个代码可以在我的iPhone模拟器用于移动应用程序无法正常工作,但第二个可以吗?还不都是typescipt?

我是新来这个所以也许我的问题是愚蠢的~~

感谢您的耐心等待!

+0

我从NativeScript的浅语中得知它使用的是angular2,但不使用dom(我们通常在web dev中使用它)。并且可以在场景后面更改渲染器,这可能是angular2模块化/互操作性的重要组成部分。在nativescript中,他们创建了自己的东西,将视图挂钩到本地组件。但是,我同意在一年前我看到它时文档不太好。 – laser

+0

NativeScript支持Angular并且不使用它也更加准确。因为nativescript的核心只是javascript,所以角度框架是一个可选的附加组件。 –

回答

4

当使用NativeScript与角你不应该用浏览器共享视图层该应用的版本。事实上,这只是(几乎)你需要实施两次。

请看文档看你如何创建UI组件:https://docs.nativescript.org/angular/ui/components.html

关于单选按钮。我还没有看到在本机应用程序单选按钮。通常应用程序使用开关和列表选取器,因为它们比单选按钮更容易操作。

如果你想你的手机应用程序和浏览器版本(甚至可能是桌面版本)之间共享大量的代码,然后我会强烈建议这个种子为起点,为您的应用程序:https://github.com/NathanWalker/angular-seed-advanced

如果您只想了解更多关于NativeScript如何使用Angular的内容,请按照本教程:http://docs.nativescript.org/angular/tutorial/ng-chapter-0