問題タブ [angularjs-view]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
1316 参照

angularjs - 複数のビューを使用して Tomcat で angularjs アプリを構成する

Tomcat で小さな角度のアプリを構成しましたが、正常に動作しましたが、route-Provider を使用しようとすると動作しませんでした。ビューにルーティングできません。なぜだかわかりませんでした。

そのための小さな例を挙げることができますか。

マイ コード ファイル

私のindex.html

admin.html

data-view.html

0 投票する
0 に答える
132 参照

angularjs - AngularJS ngView がフォーム コントロールをドロップします。フォーム未定義

いくつかの奇妙な理由で、しばらく作業した後、AngularJS 部分ビュー テンプレート (html ファイル) が ngView にロードされると、最初のフォーム コントロールが削除されます。突然 $scope.formName が未定義になったときにこれを発見しました。

例:

HTML 部分テンプレート ページは次のように始まります

次に、ページのソースを見ると、これがそこにあります。

ご覧のとおり、フォーム要素は完全に削除されています。コントローラーが正しくロードされていること、サーバーからページをロードする呼び出しがフォーム要素を返していること、同じ名前のスコープ変数がないことを確認しました。同じページの他のフォーム (最初のフォームの子と子以外) はページにとどまり、正しく機能します。

それだけでは不十分な場合、これについて最も奇妙なことは、私が見つけた唯一の回避策は<style type="text/css">...</style>、フォーム要素の前に a を配置することです。

誰かが私が言っていることを理解でき、何が起こっているのかについて何か考えを持っているなら、私に知らせてください.

ありがとう

0 投票する
3 に答える
3603 参照

angularjs - $resource promise の解決時に $scope を更新する

angular $scope を正しく使用する方法に頭を悩ませようとしています。私のアプリは、メイン ページの読み込み時にサーバーから受信した json データの URL リンクに基づいてビューを更新します。

ボタンをクリックすると、コントローラは次のデータ ファイルを取得しますが、このデータをスコープ変数に挿入してビューを更新することができません。ネットワークはデータを正常に送信するので、私のサービスは機能しています。

$scope で $resource の約束を解決し、アプリの初期化後にデータを取得するときにビューを更新する方法がわかりません。この問題について何か助けていただければ幸いです。

私の ListController :

サービス :

意見 :

サーバーの応答:

(*) $resource は jsonp を取り除き、json のみを返します。

アップデート :

関数スコープでのみ割り当てる$scope.dataと、完全に機能します。ディレクティブがこの関数を でラップしnextPageていることは知っています。したがって、apply を明示的に呼び出すとエラーが発生することは理にかなっています。ng-click$scope.apply()

解決 :

<div ng-controller="ListController">$scope が異なる複製コントローラーを作成しました。それを削除すると、問題が修正されました。詳細については、私の回答を参照してください。

0 投票する
1 に答える
1190 参照

internet-explorer - IE blank page for angularJS web app

We are currently looking for an advice or help on how can we solve our current issue on IE 9. We have a Web App like YouTube created from AngularJS and Laravel. The Web App can be opened and working very fine both in Firefox and Chrome but its not working on IE 9. It just displays a webpage and I notice the following:

Firefox and Chrome URLL: https://a.b.c/tube/index.php/login?
IE 9 URL: https://a.b.c/#/tube/index.php/login

The IE9 URL inserted # character into the URL.

Our AngularJS code is:

There is no error in IE 9 and below is the IE 9 loading when you try to check it:

Please help us on this matter as 61% of our users use IE 9. We also have no options to upgrade to higher versions of IE.

0 投票する
1 に答える
432 参照

html - ビュー間のスライドは機能します...しかし、ビューはヘッダーの上とフッターの後ろにありますか?

こんにちは、角度のあるアプリがあります。それはうまくいきます。ビュー間でアニメーション化することにしました。この場合、ユーザーがナビゲーション バーのリンクをクリックすると、ビューが別のビューにスライドします。

私はこれからアイデアを得ました: ビュー間をスライドするこれは機能します! しかし、フッターは画面の真ん中に飛び出し、ナビゲーションバーはスライドビューの後ろにあります. このコードの場所は間違いなく犯人です:

どこに置くべきかわかりません。 ナビゲーションバーの上に配置しようとしました...驚くことではありません...ナビゲーションバーをスライドさせます...それでナビゲーションバーの下に移動しました...動作します...しかし、ビュー全体がヘッダーの上と後ろにスライドしますフッター!フッターがまだ下部にあり、ヘッダーが本来あるべき場所にある状態でスライドするのとは対照的です。

これは、次のようになります。

それはどのように見えるべきか

代わりに、次のようになります。

今の姿

どんな助けでも大歓迎ですありがとう。

0 投票する
0 に答える
599 参照

angularjs - 親コントローラーから発行された Call ディレクティブ イベント ハンドラー

コントローラーからイベントを発行したいという要件があり、イベントハンドラーはディレクティブコントローラー (つまり、子コントローラー) に存在します。

以下のコードを見つけてください。

上記のコードで $timeout のコメントを外すと、私のコードは正常に動作します。しかし、上記の解決策を使用するのではなく、より良い解決策を知りたいです。

私は、ビュー コントローラーと、イベント ハンドラーを備えたビュー コントローラーと、ビュー コントローラーからイベントを発行するディレクティブを持っているビューのプロジェクトにこのシナリオを持っています。

0 投票する
1 に答える
501 参照

javascript - AngularJS で create-btn を実行した後、ngModel の値が null になる

フォームを縮小して、ngRepeat で入力フィールドを作成しました。したがって、属性の項目は ctrl で定義されています。

まず ModalCtrl のコード:

このオブジェクトの配列は、次のフォーム ビュー (モーダル ウィンドウ) に追加されます。

オブジェクトを作成しようとすると、常に空のオブジェクト「NULL」が実行されます。どこにエラーがあるのか​​わからない!? 他の項目は正しく割り当てられていますが、ngModel だけが割り当てられていません。


編集:

リストを含む最初のビューは次のとおりです。

最初のCtrl:

モーダルサービス: