問題タブ [plunker]

質問する

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.

254 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
2 に答える
29 参照

javascript - バインディングを保持しながらコレクションを連結する

コントローラーには 2 つの配列があり、最初の 2 つの配列を連結して形成される 3 つ目の配列があります。

次に、 を使用してこのすべてのデータを出力しますng-repeat。

ボタンをクリックして$scope.dogs配列に犬を追加すると、ペットのリストが更新されません。

これがPlunkerのコードです

ペットが更新されるように、Angular のバインディングを保持しながらオブジェクトの 2 つのコレクションを連結するにはどうすればよいですか?

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

javascript - Angular ngGrid データ プレゼンテーション

私は Angular を初めて使用し、Javascript の経験はあまり豊富ではありません。次のコードを使用して ngGrid にデータを表示できません。何が問題ですか？

本質的に。Web サービスからデータをロードし、その上で変換 (ピボット) を実行してから、それをグリッドに表示したいと考えています。

以下をご覧ください

app.js -> poingを開始

dataService.js -> Web サービス呼び出し

ngGridController.js -> ロジックが存在する場所...

..そして、ここにデータを「ピボット」するロジックがあります

plnkr: http://plnkr.co/edit/ZqC7696xGbUtuWGIvnYs?p=preview

編集: データ相関行 <-> 列は正しいです。pivotedArray.PivotedRows 配列のデータに問題があると思われます。

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

angularjs - openPlunkr 機能の使用

Angular.js の開発者ガイドでは、ほとんどの例にこのクールな機能があり、「Edit in Plunker」ボタンを押すと、すべてのファイルが Plunker にポストされ、これらのファイルを使用して新しいプライベート Plunk が開かれます。私は HTML-5 プレゼンテーション ツールを使用していますが、これは私のスライドに追加するクールな機能かもしれません。Angular.org で見つけたものに触発された簡単な例を作成しようとしましたが、現在の Angular のスキルでは失敗しました。Angular.org (openPlunkr)、JQuery、または同様のもので使用される戦略を使用して、単純な「開始」の例を探しています。

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

javascript - Plunker は複数のビューをサポートしていますか?

AngularJS を学習し、ルートをテストしようとしています。異なるページをナビゲートできるように、Plunker がこれをサポートしているかどうか疑問に思っています。

※「ログイン」をクリックするとPreview does not exist or has expired.ビューに戻ります

プランカーデモ

HTML

JS

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

javascript - AngularJs - 更新されたモデル値を反映していない UI のフィールド

プランカーはこちら

一般的なシナリオとして、ng-repeat に表示されるアイテムのコレクションがあります。表示される行ごとに、プロセス (ファイルのアップロード) を開始するボタンとステータス フィールドがあります。プロセスのステータスが変わるたびに、UI に反映させたいと思います。これは、Angular の 2 ウェイ バインディングで簡単にできるはずですよね?

特にこのプロセスは非同期であり、ユーザーは多くのアイテムをアップロードする可能性があるため、アイテムのコレクションを処理するのではなく、独自のスコープでアイテムのステータスを簡単に更新できるように、ng-repeat に 2 番目の (子) コントローラーを作成しました。ファイルを同時に。

問題: Ang/JS の $scope の理解が不足しています - 笑。真剣に、UI のバインドされた {{xxx}} 値は、スコープ モデルの値が更新されても更新されません。いずれかのボタンをクリックして、アラートを監視します。UI を正しく更新するにはどうすればよいですか?

参考までに - 実際には、そのボタンは外部ライブラリの API を呼び出してファイルをアップロードし、アップロードのステータスを確認するための URL を返します。次に、setInterval() ループで URL をポーリングして、完了またはエラーになるまでステータスを ping します。この複雑さ自体は問題ではないため、Plunkr でその部分を単純化しました。 プランカー

JS

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

javascript - Plunker が AngularJS で 404 エラーを出すのはなぜですか?

このコードをローカルで実行すると問題なく動作しますが、この Plunker ( http://plnkr.co/edit/RCMbxv7Peb83tRKWTMJM ) に入れると、次のループ 404 エラーが発生します。

私は何が欠けていますか？

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

angularjs - プランカーはangularfire simpleLoginを見つけることができません

Plunker を使用して、Angular の機能を少し紹介します。次のような非常に厄介なバグに遭遇しました： failed to instantiate module fireApp due to: [$injector:modulerr] Failed to instantiate module simpleLogin due to: [$injector:nomod] Module 'simpleLogin' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

さまざまな方法で simpleLogin をインポートしようとしました <script src="https://cdn.firebase.com/js/simple-login/1.6.3/firebase-simple-login.js"></script>

と

<script data-require="firebase-simple-login@*" data-semver="1.6.2" src="https://cdn.firebase.com/js/simple-login/1.6.2/firebase-simple-login.js"></script>

ここに私の頭があります： <head> <script src="https://code.angularjs.org/1.2.21/angular.js" data-semver="1.2.21" data-require="angular.js@1.2.21"></script> <script data-require="firebase@*" data-semver="1.0.18" src="https://cdn.firebase.com/js/client/1.0.18/firebase.js"></script> <script src="https://cdn.firebase.com/libs/angularfire/0.8.0/angularfire.js" data-semver="0.8.0" data-require="angularfire@*"></script> <script src="https://cdn.firebase.com/js/simple-login/1.6.2/firebase-simple-login.js" data-semver="1.6.2" data-require="firebase-simple-login@*"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js" data-semver="2.1.1" data-require="jquery@*"></script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js" data-semver="3.1.1" data-require="bootstrap@*"></script> <link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" data-semver="4.1.0" data-require="font-awesome@*" /> <script src="app.js"></script> <link href="main.css" rel="stylesheet" /> </head>

プランカーは次のとおりです。http://plnkr.co/edit/YX9qXmPCurZ6BEXCDilr?p=preview


12345678910