2017-02-28 90 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