問題タブ [angularjs-ng-resource]

私のコードには次のものがありました：

これは、すべての製品を表示するのにうまくいきました：

表示される製品:

値をハードコーディングする代わりに、安らかな API から値をロードしたいと思います。

これも問題なく動作するように見えますが、値のフォーマットが少し異なります (大文字/異なるキー名):

API から受け取ったデータを使用して、現在の書式設定に一致するオブジェクトの配列を作成したかったのですが、いくつかの問題があります。

コードを実行すると、次のように出力されます。

ご覧のとおり、表示されているjsonは変更されておらず、その結果、説明/価格は表示されていません。

$resource を使用してロードされたデータを変更して表示する方法を知っている人はいますか?

編集

controller.js

app.js

アンギュラ コードは、html と共に以下に示します。問題は、エンドポイント「/contacts/:id」が Postman と Chrome で json を返すことです。明らかに、これらのテストでは :id を 0037000001pIldUAAS に置き換えましたが、エンドポイントは良好なようです。ページが読み込まれると、'{}' だけが $scope.data に表示されます。ここで一体何が間違っているのですか？私が提供した例は、get() の angular ドキュメントにあるものとほとんど同じです。バックエンドから取得している json が有効であることを確認しました。

異常に見えるものを見た人はいますか?

API によって返される json の一部を次に示します。

**編集: Chrome 開発ツールのスクリーンショットを追加:

ng-resource と ui-router モジュールを使用した angularjs で作成された Web ページがあります。

このアプリで必要な主な要件は、ナビゲーション バーで ng-repeat="" を作成したことです。データベースからユーザー名を取得します。

これでナビゲーションバーが作成されます

ui-sref="{{username}}" とともに、次に app.js を表示しました

この App.js はロードされるビュー用であり、ID として {{username}} が必要になるため、ここではユーザー名を get リクエストごとに動的に割り当てる必要があります

私のプロジェクトはイオン フレームワークに基づいており、プロジェクトで ngResource を使用しています。今私の要件は、その ngResource 関数に動的に URL を渡したいということです。このために、このためのラッパーを 1 つ作成します。そして、get、put、getone メソッドで適切に動作しますが、データをサーバーに送信するときに問題が発生し、このエラーが発生しました .$save is not a function . 詳細については、このコードを確認してください。

ラッパー

コードでの使用:

詳細については、このリンクを参照してください

ngResource に属する $save() メソッドを使用して、データを asp.net webapi コントローラーに投稿したいのですが、次のエラーが発生しています: " TypeError: $scope.product.$save is not a function at n.$scope.製品を保存する"

$http() を使用すると、データは保存されますが、$save() でエラーが発生します。 $query() や $get() などの他のメソッドは正常に機能し、$save() だけがエラーを引き起こしています。

コード：

// テンプレートからのマークアップ

新しいリソース オブジェクトを初期化するのに苦労しています。

REST API からのデータの取得は問題なく機能します。

エラーは、次のコード行でスローされます。

次のメッセージが表示されます。

「this.$ngResource は関数ではありません」

私はかなりの数のことを試してきましたが、良い結果につながるものは何もありませんでした.

解決

構文 new Function(...) または単に Function(...) で作成された関数の name プロパティは、空の文字列に設定されます。次の例では、無名関数が作成されるため、name は空の文字列を返します。

関数の名前は変更できません。このプロパティは読み取り専用です。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name

ロビーストレージ.ts

ロビーモジュール.ts

ロビーコントローラー.ts

MEAN スタックを使用しています。$ngResource に PUT リクエストを追加しようとすると、エラーが発生します。

私のコード

更新プログラムに何が欠けているかを理解するのを手伝ってくれる人はいますか? ありがとう

I want to create a service to connect to the prestashop API and use it. The prestashop API is like this:

http://APIKEY@domain/api/module

How can I use ngResource to support APIKEY params in the path and also allow cross-origins to connect another domain?

My sample code that doesn't work is:

It gives the error: