Angular 5を使用して列挙値をAPIに送信するにはどうすればよいですか？
ニランジャン
こんにちは私はAngular5で開発されたWebアプリケーションに取り組んでいます。APIにデータを送り返しています。APIモデルは以下のとおりです。
public partial class ResourceDTO
{
[JsonProperty("id")]
public System.Guid Id { get; set; }
[JsonProperty("state")]
public State State { get; set; }
}
public enum State
{
NotSelected = 0,
Allowed = 1,
Denied = 2
}
APIにデータを送信したい。以下は、タイプスクリプトで定義された列挙型です。
export enum State {
NotSelected,
Allowed,
Denied
}
以下の関数では、データを統合しています。
data.forEach(element => {
const object = { modelType: '', userroleid: '', name: [], hasChildren: false, id: '', state: State };
if (element.id != undefined) {
object.id = element.id;
}
if (element.checked == false) {
object.state.NotSelected;
}
if (element.checked == true) {
object.state.Allowed;
}
if (element.allow == false) {
object.state.Denied;
}
saveData.push(object);
});
以下は、データを統合した後のsaveDataです。
誰かが私にそれを正しくやっているのか、それとも私が欠けている何かを教えてもらえますか？上記の出力が期待されますか？どんな助けでもいただければ幸いです。ありがとうございました。
コード-EZ
読み取り専用であるため、typescript列挙値を設定することはできません。サーバーに投稿する前に、オブジェクトリテラルを作成し、選択に基づいて値を設定することで、以下の代替手段を試すことができます。
https://basarat.gitbooks.io/typescript/docs/enums.html
const object = { modelType: '', userroleid: '', name: [], hasChildren: false, id: '', state: {}};
var newState ={
"Allowed": element.checked,
"NotSelected":!element.checked,
"Denied":element.allow == false
}
object.state=newState;
if (element.id != undefined) {
object.id = element.id;
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
- 前の投稿：子オブジェクトのリストを含むモデルをコントローラーに渡すときに、子オブジェクトのリストが渡されないのはなぜですか？
- 次の投稿：Java：複数のサブストリングを1つのストリングで検索/置換（大文字と小文字を区別しない）する方法は？
関連記事
Related 関連記事
- 1
Angular.jsを使用してRailsRABL APIを使用するにはどうすればよいですか？
- 2
Angular Javascriptを使用してフォームの値を取得するにはどうすればよいですか？
- 3
Angularパイプを使用してnull値を除外するにはどうすればよいですか？
- 4
forを使用してAgGridで列を作成するにはどうすればよいですか？Angular2
- 5
Angularを使用してファイルをasp.netWeb APIに送信するにはどうすればよいですか？
- 6
Angular 6で多次元配列を作成して使用するにはどうすればよいですか？
- 7
Angularから画像をblobとして送信するにはどうすればよいですか？
- 8
本文なしで文字列を返すAngularアプリでSpringREST POST APIを呼び出して使用するにはどうすればよいですか？
- 9
複数の入力angular2を介して新しいオブジェクトを配列に送信するにはどうすればよいですか
- 10
Angular 5の配列から複数の列に基づいて一意の値を取得するにはどうすればよいですか？
- 11
javascriptを使用してangular2 http post関数を使用してフォームを送信するにはどうすればよいですか？
- 12
Angularの$ resourceを介してカスタムディレクティブから入力値を送信するにはどうすればよいですか？
- 13
systemjsを使用してAngular2でrequire（）を使用するにはどうすればよいですか？
- 14
Angularを使用して、変数をHTMLに出力するにはどうすればよいですか？
- 15
Angular 6：FormGroupを使用してformControlNameを動的に作成するにはどうすればよいですか？
- 16
$ resourceを使用してangular.jsにデータを投稿するにはどうすればよいですか？
- 17
Azure API ManagementでAPIを保護して、Angular（adal-angular5）経由でアクセスするにはどうすればよいですか？
- 18
Angular 5でFileSaverを正しく使用するにはどうすればよいですか？
- 19
HttpClientを使用してコンテンツをGETリクエストのreq.bodyにAngularで送信するにはどうすればよいですか？
- 20
Angular2でPOSTを使用してより多くのオブジェクトを送信するにはどうすればよいですか？
- 21
Angularで$ rootScopeを使用して変数を格納するにはどうすればよいですか？
- 22
Angular TypeScriptでACEEditorを使用して各行を強調表示するにはどうすればよいですか？
- 23
Angularを使用してすべてのトランプ画像をフェッチして配列に追加するにはどうすればよいですか？
- 24
Angularを使用してディレクティブに属性を送信するにはどうすればよいですか？
- 25
Angular：キー値に基づいて値を変更するにはどうすればよいですか
- 26
ionic 3とangular 4を使用してBLE経由でデータを送信するにはどうすればよいですか?
- 27
Angularで引数を1つだけ使用してPOSTリクエストを送信するにはどうすればよいですか？
- 28
ngStyle（angular2）を使用して背景画像を追加するにはどうすればよいですか？
- 29
Angular-Translateを使用して翻訳を表示するにはどうすればよいですか？
コメントを追加