問題タブ [angularjs-1.5]

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 投票する
0 に答える
35 参照

javascript - サードパーティ ディレクティブの scope.$eval に関する問題

アプリケーションで selectionModel(selection-model.js) ディレクティブを使用しています。要素の属性を使用して、いくつかの値をディレクティブに渡しています。

ディレクティブ リンク関数では、値は次のように読み取られます =

以前は、ディレクティブは正常に機能していましたが、突然機能しなくなりました。私が調査したところscope.$eval(attrs.selectionModelMode)、未定義として来ており、defaultModeに戻っていることがわかりました。

ディレクティブには、分離されたスコープがありません。しかし、それは ng-repeat で使用されます。

プロパティを親スコープ as に追加しattrs.selectionModelMode = 'multiple'、ディレクティブ コードを変更すると、 var smMode = scope.$parent.$eval('attrs.selectionModelMode') || defaultMode それは機能します。

これに関する問題は、ディレクティブ コードを変更できません。これに対する AngularJS の回避策はありますか?

事前にどうもありがとう...

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

javascript - angular 1.5.xで双方向データバインディングなしで子コンポーネントから親コンポーネントデータを更新する方法は?

ばかげた質問で申し訳ありませんが、私は angular 1.5.x の初心者です。

アプリ全体で一方向のデータバインディングを備えたes6クラスベースのコンポーネントを使用しています(私の知る限りベストプラクティス)。

Container Componentがあります。Sidebar ComponentContent Componentがあります。

コンテナ コンポーネントでメニュー オプション(配列またはオブジェクト)をフェッチし、一方向データ バインディングを属性として使用してサイドバー コンポーネントコンテンツ コンポーネントに渡します。

サイドバー コンポーネントまたはコンテンツ コンポーネントのメニュー オプションを変更するたびにコンテナ コンポーネントを更新したいのですが、それは両方の子コンポーネントに反映される必要があります。

$scopeイベントまたはサービスを使用せずに角度1.5でそれを行う方法(双方向データバインディングなし)を見つけられないようです。

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

javascript - Angular 1.5 コンポーネントの問題 - 別の状態に変更するときに、コントローラーからの関数を「リセット」する方法は?

特定のhtml要素がページに存在する場合、コンポーネント要素に追加のcssクラスを追加する関数を作成しました。この特定の html 要素が存在しない場合、この追加の css クラスはコンポーネントに適用されません。これは、探している html 要素が存在するページで機能します。ただし、別の状態に切り替えると、この状態に html 要素が存在しなくても、コンポーネントは追加の css クラスを保持します。コンポーネントのコントローラーからの機能を「リセット」するには、アプリを更新する必要があります。このコンポーネントは、アプリケーションのすべてのページで使用されます。

たとえば、これは私のコンポーネントです:

この html 要素が存在する状態では問題なく動作します。ただし、具体的な html 要素が である別の状態に移動するとnull、関数addAdditionalCssClass()はコンポーネントに追加のクラスを追加し続けます。どんな助け/提案も大歓迎です。

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

angularjs - angularJS1.5 アプリに Google アナリティクスを実装する

angularjs1.5 アプリがあり、状態変更に ui-router を使用しています。最近、アプリに Google アナリティクスを実装する必要がありました。これまで Google アナリティクスに取り組んだことがなかったので、調査を開始しました。これまでのところ、2 つのポイントに絞り込みました。

  1. Analytics.js -> analytics.js を使用し、$rootScope で $stateChangeSuccess を使用して、UI の状態の変化を追跡します。これは単純明快です。アプリの状態の変化を追跡し、追跡データを送信します。

  2. angulartics -> このディレクティブは、状態の変更/イベントの変更、または dom の変更を追跡するために使用できます。実装はそれほど単純ではないように見えます.これがui-routerで機能するかどうかはわかりません.

ここでの私の考えは、状態の変更のみを追跡する必要がある場合はオプション 1 を使用し、状態/イベント レベルの変更を追跡する必要がある場合はオプション 2 を使用する必要があるということです。

私が順調に進んでいるのか、それともここで何か足りないのか教えていただけますか? 両方のアプローチのサンプル実装を教えていただければ幸いです。

よろしくお願いします!!!

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

angularjs - AngularJS の rzModule スライダーの強制更新

angularJS アプリにいくつかのスライダーがあります。私が達成しようとしているのは、ユーザーが選択ドロップダウンのオプションを変更すると、スライダーは RestAPI から新しい値で更新されるはずです。

この例はスライダーの 1 つですが、残りは同じです。

コントローラーにスライダーを作成する

選択の ng-change で呼び出されるコントローラーの更新関数

そしてgetResults()サービスを呼び出す関数

ユーザー インターフェイスから手動でスライダーを変更すると、onChange がgetResults関数を起動します。これに何時間も費やし、理由を見つけることができません。何か助けはありますか?

編集:これはgetMedic混乱を避けるためのサービスです

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

mysql - Restful API および Angular.JS 用の Laravel 5.1 DB::table チャンク

Restful API 呼び出しで何百万ものレコードをチャンクする方法はありますか?

私はクライアントに Angular.JS / Ionic を使用しており、約 10,000 の少数のレコードでうまく機能する安らかな API を持っています。しかし、私のデータベースには数百万のレコードがあり、API 呼び出しを行ってすべてのレコードを表示すると、http 応答コード 500 が返されます。すべてのデータをプルする理由は、ユーザーが ng-model= を使用して一致する製品を検索できるようにするためです。 「クエリ」。クライアントでは、厳選された 100 件のレコードのみが表示されます。Laravelのドキュメントを見たところ、データをチャンク化することが提案されています。次のコードを試しましたが、500 http 応答コード エラーが発生します。データベースとしてmysqlを使用しています。最終的には redis キャッシュを構築する予定ですが、まずはすべての結果を取得できるようにする必要があります。

$productlist = DB::table('productlist')->chunk(1000, $products) { foreach ($products as $product) {