問題タブ [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.
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 の回避策はありますか?
事前にどうもありがとう...
javascript - angular 1.5.xで双方向データバインディングなしで子コンポーネントから親コンポーネントデータを更新する方法は?
ばかげた質問で申し訳ありませんが、私は angular 1.5.x の初心者です。
アプリ全体で一方向のデータバインディングを備えたes6クラスベースのコンポーネントを使用しています(私の知る限りベストプラクティス)。
Container Componentがあります。Sidebar ComponentとContent Componentがあります。
コンテナ コンポーネントでメニュー オプション(配列またはオブジェクト)をフェッチし、一方向データ バインディングを属性として使用してサイドバー コンポーネントとコンテンツ コンポーネントに渡します。
サイドバー コンポーネントまたはコンテンツ コンポーネントのメニュー オプションを変更するたびにコンテナ コンポーネントを更新したいのですが、それは両方の子コンポーネントに反映される必要があります。
$scopeイベントまたはサービスを使用せずに角度1.5でそれを行う方法(双方向データバインディングなし)を見つけられないようです。
javascript - Angular 1.5 コンポーネントの問題 - 別の状態に変更するときに、コントローラーからの関数を「リセット」する方法は?
特定のhtml要素がページに存在する場合、コンポーネント要素に追加のcssクラスを追加する関数を作成しました。この特定の html 要素が存在しない場合、この追加の css クラスはコンポーネントに適用されません。これは、探している html 要素が存在するページで機能します。ただし、別の状態に切り替えると、この状態に html 要素が存在しなくても、コンポーネントは追加の css クラスを保持します。コンポーネントのコントローラーからの機能を「リセット」するには、アプリを更新する必要があります。このコンポーネントは、アプリケーションのすべてのページで使用されます。
たとえば、これは私のコンポーネントです:
この html 要素が存在する状態では問題なく動作します。ただし、具体的な html 要素が である別の状態に移動するとnull
、関数addAdditionalCssClass()
はコンポーネントに追加のクラスを追加し続けます。どんな助け/提案も大歓迎です。
angularjs - angularJS1.5 アプリに Google アナリティクスを実装する
angularjs1.5 アプリがあり、状態変更に ui-router を使用しています。最近、アプリに Google アナリティクスを実装する必要がありました。これまで Google アナリティクスに取り組んだことがなかったので、調査を開始しました。これまでのところ、2 つのポイントに絞り込みました。
Analytics.js -> analytics.js を使用し、$rootScope で $stateChangeSuccess を使用して、UI の状態の変化を追跡します。これは単純明快です。アプリの状態の変化を追跡し、追跡データを送信します。
angulartics -> このディレクティブは、状態の変更/イベントの変更、または dom の変更を追跡するために使用できます。実装はそれほど単純ではないように見えます.これがui-routerで機能するかどうかはわかりません.
ここでの私の考えは、状態の変更のみを追跡する必要がある場合はオプション 1 を使用し、状態/イベント レベルの変更を追跡する必要がある場合はオプション 2 を使用する必要があるということです。
私が順調に進んでいるのか、それともここで何か足りないのか教えていただけますか? 両方のアプローチのサンプル実装を教えていただければ幸いです。
よろしくお願いします!!!
angularjs - AngularJS の rzModule スライダーの強制更新
angularJS アプリにいくつかのスライダーがあります。私が達成しようとしているのは、ユーザーが選択ドロップダウンのオプションを変更すると、スライダーは RestAPI から新しい値で更新されるはずです。
この例はスライダーの 1 つですが、残りは同じです。
コントローラーにスライダーを作成する
選択の ng-change で呼び出されるコントローラーの更新関数
そしてgetResults()
サービスを呼び出す関数
ユーザー インターフェイスから手動でスライダーを変更すると、onChange がgetResults
関数を起動します。これに何時間も費やし、理由を見つけることができません。何か助けはありますか?
編集:これはgetMedic
混乱を避けるためのサービスです
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) {