問題タブ [angular2-nativescript]

実行中のネイティブ スクリプト アプリを作成するhttps://github.com/NathanWalker/angular2-seed-advancedを使用しています。

今、私はネイティブスクリプトのスターターであり、どうすれば良い開発フローを達成できるかを尋ねたいと思っていました.

私は、開発マシンでコンソール出力を確認でき、ケーブル接続されたデバイスでアプリをライブでテストできた ionic から来ています。ライブリロードも実行されていました。

だから私の質問：

1. アプリをストアに公開せずにデバイスで実行できますか
2. adb または nativescript cli コマンドを使用して、ローカルの開発マシンで console.log の出力を表示できますか?
3. ネイティブスクリプトアプリを開発するためにライブリロードは可能ですか?

前もって感謝します！

nativescript 2/angular 2 を使用しており、データ バインディングに問題があります。私はangularJS 1.xに精通していますが、これについて読んだドキュメントは機能するはずです。ngModel のさまざまなバリエーションを試しましたが、機能しませんでした。record.name の値は「未定義」です。

レコード クラスには、id フィールドと name フィールドが定義されているだけです。もう 1 つの質問は、コンポーネントへの変更イベントをどのようにトリガーするかということです。ユーザーがテキスト入力を開始している場合、入力中にコンポーネント内の関数を呼び出すにはどうすればよいですか?

以下は私の「html」です：

レコード コンポーネントを追加します。

ありがとう！

NativeScript 2.0 CSS とカスタム コンポーネントに問題があります。私の知識には巨大なギャップがあるようで、明らかでない重要な何かが欠けています。

で作成された空の NS 2.0 アプリを取得します

app.cssの内容を削除します(副作用を防ぐため)。

app.component.ts を変更します。

かなり基本的なもの。次の期待される結果が生成されます。

その内側の StackLayout を再利用可能なコンポーネントに変換してみましょう。

custom.component.ts

app.component.ts を変更します

出力は次のようになります。

背景色は適用されますが、幅は適用されません。

私も試しました：

無駄に。

パーセンテージは実験的なものだと認識していますが、エラーは NativeScript ではなく私のコードにあると思われます。

どこで私は間違えましたか？

ページにWeb ビューを挿入して「loadFinishedEvent」をリッスンしようとしています...しかし、これを行うには、xml をラップする必要があるネイティブ スクリプトの方法で、コンポーネント(ts ファイル) でWeb ビューを見つける必要があります。 (UI) タグ付き:

しかし、これを行うと、「TypeError: this.page.frame._getNavBarVisible は関数ではありません」というエラーが発生し、 Page タグがないと、すでにいくつかの方法で試しましたが、失敗しました...

これのサンプルも見つかりませんでした。誰か助けてもらえますか?

ScreenMetricsNativeScript Angular 2 アプリでアクセスするにはどうすればよいですか?

ScreenMetrics を注入して、Angular の DI システムを使用することになっていますか? Importステートメントは問題ありませんが、次は機能しないため、そうではないと思います。コンソールに奇妙なエラーが表示されます。

残念ながら、ドキュメントはあまり洗練されておらず、ほとんどのコード サンプルは Plain JavaScript コードです。

私は Nativescript と Angular に非常に慣れていません。これがモバイル アプリ開発への最初の試みなので、ご容赦ください。

Angular2 と Nativescript を使用して基本的なアプリを作成しようとしています。私がやろうとしているのは、アプリの起動時に画面の下部に 3 つのボタンを表示することです (これらは初期化時に動的に作成されます)。これらのボタンのいずれかをクリックすると、この行が上に移動し、2 行目のボタンが表示されるようにします。トランジションはアニメーション化する必要があります。

私が試した最初のアプローチでは、GridLayout を DockLayout に追加できませんでした。

home.html ファイル

home.component.ts ファイル スニペット

私が検討していたもう 1 つのアプローチは、テンプレートをハードコーディングし、最初の行のみを表示することです。最初の行のボタンの 1 つをタップすると、それが上に移動し、2 番目の行でフェードします。これを行うためのページ上の GridLayouts への参照を取得できませんでした。「let container = this.container;」を使用する必要があるかもしれないと考えています。しかし、これについては少し確信が持てません。

home.html ファイル

home.component.ts ファイル

私が目指している最終的なレイアウトは次のとおりです (ボタンの新しい行 - #second_row - をタップすると、タップイベントとルーティングを設定すると、他のページに移動します):

この件に関するヘルプとアドバイスをいただければ幸いです。

前もって感謝します！

NativeScript アプリに UI を実装しようとしています。アプリには 2 つのタブがあり、各タブには独自のナビゲーション スタックがあります。写真アプリなど、一部のアプリでも同様のパターンが見られます。ここにデモンストレーションがあります：

NativeScriptでそれは可能ですか？次のコード (Angular 2) では、両方のタブで共有される 1 つのナビゲーション バーになります。2 番目のもの (タイトル Nearby) のみが保持されます。

angular 2とネイティブスクリプトは初めてです。Web とモバイルで実行できるアプリケーションを作成したいと考えています。このフレームワークを使用してコードを共有し、テンプレートを切り替えるだけでよいと読みましたが、チュートリアルやドキュメントはありません。それで、誰かが私に開始の指示を与えることができれば、どうすればこれを行うことができますか.

ありがとう！