javascript - Angular 2 から API にファイルを送信する方法

私のページには以下のコードがあり、WEB APIからファイルをアップロードしようとしています。formDataにファイルのデータを渡してWEB APIに送信することは試しましたが、formDataで送信されたファイルをどのように読み取るかはわかりません。

AngularからWEB APIにファイルを送信するにはどうすればよいですか、そしてAPIでそれらをどのように読み取ることができますか？

Angular2 フロントエンド部分

<input #fileInput type="file"/> <button (click)="addFile()">

続きを読む →

javascript - 異なる WebAPI のレスポンスを取得して、同期メソッドでデータを処理する

私は、indexedDBのデータを初期化するために使用されるサービス内のメソッドを実装しています。このメソッドは、Ordini_SincronizzaメソッドでWeb APIを呼び出して結果を取得し、indexedDBを処理する必要があります。

コードはこれです：

SyncCustomer(codCli: string): Observable<boolean> { this.mdService.Ordini_Sincronizza(codCli).subscribe( data => { this._DBService.Configurazione.clear().then( act => { let itm = new ConfigurazioneFlat(); itm.codIva = data.configurazione.codIva;

続きを読む →

javascript - ng2-smart-table の ServerDataSource が Windows 認証のために Web API に資格情報を送信しない

これは長い質問になるでしょう。

Windows認証をAngularで機能させるために、以下に示すようにHTTP呼び出し用のラッパーがあります

import { Injectable } from '@angular/core'; import { Http, Response, RequestOptions, Headers, RequestOptionsArgs } from '@angular/http'; import { Config } from '../_helpers/config'; import { Observable } from 'rxjs/Observable'; @Injectable() export class HTTPUtility { public baseApiUrl: string; constructor(private http: Http, private config: Config) { this.baseApiUrl = this.config.getBy

続きを読む →

angular - APIの値が変わったときにhttp getを更新する方法

私は時々値が変わるAPIを呼び出していて、アプリでリフレッシュせずに値の変更が反映されるようにしたいです。私はTypeScriptとAngularは初心者ですが、すぐに理解します。こちらが私が持っているものです。

サービス提供者

import { HttpClient } from '@angular/common/http'; import { Injectable } from '@angular/core'; @Injectable() export class CryptoServiceProvider { constructor(public http: HttpClient) { } getCrypto() { return this.http.get('https://api.coinmarketcap.com/v1/ticker/'); } }

TypeScriptファイル

続きを読む →

TypeScriptで型安全なクライアント・サーバーAPI?

例として、getUser の実装を考えてみましょう。クライアントでの使用は次のようになります

const user = await getUser(http, { id: '1' })

動作するがあまり型安全ではない実装

// ./api.ts - shared interfaces const endpoint = '/users' interface Arg { id: string } interface Resp { name: string } // ./client-api.ts - client side import { endpoint, Arg, Resp } from './api.ts' function getUser(http: HttpClient, arg: Arg): Promise<Resp> { return http.get(endpoint, arg) } // ./server-api.ts - serv

続きを読む →

node.js - TypeScriptでAPIモジュールを適切に設計するにはどうすればよいですか？

外部ISにアクセスするためのTypeScript（2.7）モジュールを設計したいと思っています。仮にこれをInfoSysと呼びましょう。私は次のアプローチを使用しました。

info-sys.ts を作成しました。このファイルでは、API クラスおよび関連するインターフェースや列挙型を定義しています。例えば:

class Api { constructor(private endpoint: Endpoint) { // ... } } enum Endpoint { CONTACTS = "contacts" } inte

続きを読む →

json - Angular 4でGitHub APIからデータを取得する

私は自分の最後のコミットをGitHubから取得しようとしています。これにはGitHub APIを使用しました。しかし、エラーが発生しました:

Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays."

私はシンプルなJSONからデータを取得できます。そして、以下のようなサービスとコードを使用しましたが、今はこれが私には動作しません。JSONへのリンク: JSON。このJSONからデータを取得すると、エラーは発生せず、必要

続きを読む →

TypeScriptでコンパイラーAPIを使用して変数の型を取得する

コンパイラAPIを使って変数の型を取得するのに問題があるようです。以下にサンプルのコンテキストを示します。すべてをメモリ上で実行しているため、自分自身でコンパイラホストを作成する必要があります。これは、型チェッカが「プログラム」から作成されるため必要であり、このプログラムはデフォルトでディスクに書き込まれたファイルを期待します。

私は「input」と「el」の型を取得しようとしています。これが「number[]」と「number」と出力されることを期待しています。これは、VSCodeでこれにマウスを重ねたときと同じです。

しかし、私が得る出力は「{}」か「any」のどちらかです。

続きを読む →

hapi.js - TypeScriptでのHapi、型アサーションなし

私は @types/hapi を使った Hapi の型の扱い方の「正しい」方法を理解するのに苦労しています。

最小限の例:

server.route({ method: 'POST', path: '/example', options: { pre: [{ assign: 'example', method: (req) => { return { msg: `Mr. ${req.payload.name} Example` }; }, }], }, handler: (req) => { return { success: true, info: req.pre.example.msg, }; }, });

私の質問は単純に、req.payload と req.pre の正しい型情報をどのように渡せばよいかという

続きを読む →

json - Angular http を使って API ルートに POST を送信できない

私はAngular5を使用して、LaravelのAPIルートのURLでPOSTに値を送ろうとしています。しかし、リクエストを送信すると、ブラウザのコンソールにはエラーが表示されませんが、ネットワーク活動は記録されません。コンソールでルートを表示するとAPIのものとまったく同じなので、奇妙です。私のルートは100％機能しており、Postmanでは正常に動作します。助けてください…

これが私のお気に入り.htmlです

<button (click)="addFavorite(stationId)">Add to favorite</button>

続きを読む →