Axiosをアウトソーシングする方法は角度になりますか? -- angular フィールド と axios フィールド 関連 問題

how to outsource Axios get in Angular?












0
vote

問題

日本語

こんにちは私は動的チャートを作ることについてのチュートリアルと、AXIOSを使ってAPIを取得することについてのチュートリアルを続けました。今、私は私にデータを取得するサービスのような別のファイルのAxios .get(URL)を必要としています(URL)私はそれを必要としましたが、それはうまくいかなかったのですか?それとも可能なのか?
私のChart.jpponent:

<事前> <コード> export class DatabaseChartComponent implements OnInit { constructor() { } ngOnInit(): void { let empSal: number[] = []; let empName: string[] = []; Axios .get("http://dummy.restapiexample.com/api/v1/employees") .then(res =>{ for (const dataObj of res.data.data){ empSal.push(parseInt(dataObj.employee_salary)); empName.push(dataObj.employee_name); } const canvas = <HTMLCanvasElement> document.getElementById('myChart'); const ctx = canvas.getContext('2d'); var chart = new Chart(ctx, { // The type of chart we want to create type: 'line', // The data for our dataset data: { labels: empName, datasets: [{ label: 'Salary', backgroundColor: gradientbgc, borderColor: gradientbc, data: empSal,

Plsの方法があるかどうかを私に知らせてください:d

英語

Hi I followed a Tutorial that was about making a dynamic Chart and the tutor used Axios to get the api. Now I want the Axios .get(url) in another file like a Service that gets me the data then I need it I tried it sourcing it out but it didn't work how can I do It? or is it even possible ?
my chart.component:

export class DatabaseChartComponent implements OnInit {   constructor() { }    ngOnInit(): void {     let empSal: number[] = [];     let empName: string[] = [];     Axios       .get("http://dummy.restapiexample.com/api/v1/employees")       .then(res =>{         for (const dataObj of res.data.data){           empSal.push(parseInt(dataObj.employee_salary));           empName.push(dataObj.employee_name);           }           const canvas = <HTMLCanvasElement> document.getElementById('myChart');           const ctx = canvas.getContext('2d');                  var chart = new Chart(ctx, {           // The type of chart we want to create           type: 'line',                  // The data for our dataset           data: {               labels: empName,               datasets: [{                   label: 'Salary',                   backgroundColor: gradientbgc,                   borderColor: gradientbc,                   data: empSal, 

PLS let me know if there is a way :D

</div
     

回答リスト


関連する質問

4  ASC.NETコアAPIでAxiosリクエストからダウンロードファイルを返す  ( Return download file in asp net core api from axios request ) 
良い日の人、 AXIOSリクエストからASP.NETコアWeb APIからファイルをダウンロードしようとしています。 これが私のサンプルAPIメソッドです。 (この stackoverflow質問) <事前> <コード> [HttpPost("downloa...

1  Rails 5.2 Axiosリクエストで406を返す  ( Rails 5 2 returning 406 with axios request ) 
Rails 5.2にRails APIとVuejsのフロントエンドを使用して、APIをリクエストするためのAXIOSを使用しています。 rour and p>に郵便配達を要求するとき [get] http:// localhost:3000 / foo...

53  AxiosのデフォルトのベースURLを変更します  ( Change the default base url for axios ) 
私はこののように私のAxiosを設定しました <事前> <コード> const axiosConfig = { baseURL: 'http://127.0.0.1:8000/api', timeout: 30000, }; Vue.prototyp...

0  AXIOS.CREATEをTQUISTSLIPTにエクスポートする方法  ( How to export axios create in typescript ) 
私はこの作業を持っています: <事前> <コード> export default axios.create({ baseURL: 'sample', headers: { 'Content-Type': 'application/json', ...

0  方法を使用してクラスのプロパティを適切に使用するにはどうすればよいですか  ( How do you properly use ajax to set the property of a class through a method ) 
クラスレベルで非同期呼び出し周辺の頭を包むのに問題があります。これがうまくいかない理由を理解しています(最初のメソッドからの非同期呼び出しが完了する前のシングルスレッドJS呼び出し方法)が、それを正しく実装する方法についての援助が必要です。私は下の私のユースケ...

0  React / Axiosキー/ valueに基づいて複数のオブジェクト配列をマージします。  ( React axios merge multiple array of objects based on key value ) 
Axiosを使用してデータをつぶしてPokeDexを構築し、異なるAPI呼び出しに基づいて、2つ、または3つの呼び出しをマージしたいと思います。電話をかける、私は現在: <事前> <コード> const [species, setSpecies] = use...

3  Nuxt AsyncData Axios on Refreshは認証トークンを失います  ( Nuxt asyncdata axios on refresh loses auth token ) 
メールデータの配列を取得するGET APIを呼び出しています。郵便配達にうまく機能します。 AlsyncDataメソッドを使用して配列を取得します。ユーザーがPageを更新した場合にのみ機能します。私はクッキーからトークンを罰金だけ引きます。通常、非同期以外の...

3  Global Axios Configを未定義のベアラトークン  ( Bearer token undefined with global axios config ) 
AXIOSを使用してVUEアプリを作成しました。私はVUE UI依存関係のインストールによってAxiosをインストールしました。私の main.js ファイルでグローバル設定が追加されました <事前> <コード> import Vue from "vue";...

0  Response JSONからのAxios Catchエラーは未定義です  ( Axios catch error from response json is undefined ) 
私は私のPHPからカスタムレスポンスを返しています、そして私は私のページに対してそれらの応答をどのように使うのかわからない。 console.logを使ってステータスとmsgを見ることを試みていますが、運がありません。 <事前> <コード> if ($mess...

0  クラスベースのAXIOS要求をフックベースのコードに統合する  ( Integrating class based axios request to the hook based code ) 
このクラスベースのAXIOSリクエストをJSONファイルからデータを取得する他のフックベースのコードに統合する方法基本的に私はデータソースの場所をAXIOS GETリクエストと置き換えたいです。ありがとう。 <事前> <コード> componentDidMou...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有