কৌণিক 4.3 - এইচটিটিপি ক্লায়েন্ট সেট প্যারাম

Question 1

let httpParams = new HttpParams().set('aaa', '111');
httpParams.set('bbb', '222');

কেন এটি কাজ করে না? এটি কেবল 'আ' সেট করে এবং 'বিবিবি' নয়

এছাড়াও, আমার একটি অবজেক্ট রয়েছে {আআআআআ: 111, বিবিবি: 222 I আমি কীভাবে লুপিং ছাড়াই সমস্ত মান সেট করতে পারি?

আপডেট (এটি মনে হচ্ছে কাজ করে তবে লুপটি কীভাবে এড়ানো যায়?)

let httpParams = new HttpParams();
Object.keys(data).forEach(function (key) {
     httpParams = httpParams.append(key, data[key]);
});

Question 2

5.0.0-beta.6 এর আগে

let httpParams = new HttpParams();
Object.keys(data).forEach(function (key) {
     httpParams = httpParams.append(key, data[key]);
});

5.0.0-beta.6 থেকে

5.0.0-beta.6 (2017-09-03) থেকে তারা নতুন বৈশিষ্ট্য যুক্ত করেছে (এইচটিটিপি ক্লায়েন্ট শিরোনাম এবং প্যারামের জন্য বস্তুর মানচিত্র গ্রহণ করুন)

এগিয়ে যেতে অবজেক্টটি সরাসরি এইচটিপিপিরামগুলির পরিবর্তে পাস করা যেতে পারে।

getCountries(data: any) {
    // We don't need any more these lines
    // let httpParams = new HttpParams();
    // Object.keys(data).forEach(function (key) {
    //     httpParams = httpParams.append(key, data[key]);
    // });

    return this.httpClient.get("/api/countries", {params: data})
}

Question 3

HttpParams অপরিবর্তনীয় উদ্দেশ্যে করা হয়। setএবং appendপদ্ধতি বিদ্যমান উদাহরণস্বরূপ পরিবর্তন করবেন না। পরিবর্তে পরিবর্তিত প্রয়োগের সাথে সাথে তারা নতুন দৃষ্টান্ত ফেরত দেয়।

let params = new HttpParams().set('aaa', 'A');    // now it has aaa
params = params.set('bbb', 'B');                  // now it has both

পদ্ধতিটি শৃঙ্খলাবদ্ধতার সাথে এই পদ্ধতিটি ভালভাবে কাজ করে:

const params = new HttpParams()
  .set('one', '1')
  .set('two', '2');

... যদিও আপনার যদি শর্তে তাদের কোনও জড়ানোর দরকার হয় তবে এটি বিশ্রী হতে পারে।

আপনার লুপটি কাজ করে কারণ আপনি ফিরে আসা নতুন দৃষ্টান্তের কোনও রেফারেন্স ধরছেন। আপনি যে কোড পোস্ট করেছেন তা কাজ করে না, কাজ করে না। এটি কেবল সেট () কল করে তবে ফলাফলটি গ্রহণ করে না।

let httpParams = new HttpParams().set('aaa', '111'); // now it has aaa
httpParams.set('bbb', '222');                        // result has both but is discarded

Question 4

এর আরও সাম্প্রতিক সংস্করণগুলিতে @angular/common/http(5.0 এবং তার উপরে, এর চেহারা অনুসারে) আপনি অবজেক্টটি সোজা প্রবেশ করার জন্য fromObjectকীটি ব্যবহার করতে পারেন HttpParamsOptions:

let httpParams = new HttpParams({ fromObject: { aaa: 111, bbb: 222 } });

এটি কেবল ফণা নীচে একটি forEachলুপ চালায় , যদিও:

this.map = new Map<string, string[]>();
Object.keys(options.fromObject).forEach(key => {
  const value = (options.fromObject as any)[key];
  this.map !.set(key, Array.isArray(value) ? value : [value]);
});

Question 5

আমার হিসাবে, শৃঙ্খলা setপদ্ধতি সবচেয়ে পরিষ্কার উপায়

const params = new HttpParams()
.set('aaa', '111')
.set('bbb', "222");

Question 6

সহজ বিকল্পগুলির দম্পতি

`HttpParams`অবজেক্ট ব্যবহার না করেই

let body = {
   params : {
    'email' : emailId,
    'password' : password
   }
}

this.http.post(url, body);

`HttpParams`অবজেক্টস ব্যবহার করা

let body = new HttpParams({
  fromObject : {
    'email' : emailId,
    'password' : password
  }
})

this.http.post(url, body);

Question 7

এটি করার আরেকটি বিকল্প হ'ল:

this.httpClient.get('path', {
    params: Object.entries(data).reduce(
    (params, [key, value]) => params.set(key, value), new HttpParams());
});

Question 8

যেহেতু এইচটিটিপি প্যারাম ক্লাস অপরিবর্তনীয় তাই আপনাকে সেট পদ্ধতিটি চেইন করতে হবে:

const params = new HttpParams()
.set('aaa', '111')
.set('bbb', "222");

Question 9

এটি ব্যবহার করে আপনি লুপ এড়াতে পারবেন।

// obj is the params object with key-value pair. 
// This is how you convert that to HttpParams and pass this to GET API. 

const params = Object.getOwnPropertyNames(obj)
               .reduce((p, key) => p.set(key, obj[key]), new HttpParams());

তদ্ব্যতীত, আমি আপনার সাধারণত ব্যবহৃত পরিষেবাতে HTTPParams ফাংশন করার পরামর্শ দিচ্ছি । সুতরাং আপনি এইচটিচপিপ্যারামগুলিতে রূপান্তর করতে ফাংশনটি কল করতে পারেন ।

/**
 * Convert Object to HttpParams
 * @param {Object} obj
 * @returns {HttpParams}
 */
toHttpParams(obj: Object): HttpParams {
    return Object.getOwnPropertyNames(obj)
        .reduce((p, key) => p.set(key, obj[key]), new HttpParams());
}

হালনাগাদ:

5.0.0-beta.6 (2017-09-03) থেকে তারা নতুন বৈশিষ্ট্য যুক্ত করেছে ( এইচটিটিপি ক্লায়েন্ট শিরোনাম এবং প্যারামের জন্য বস্তুর মানচিত্র গ্রহণ করুন )

এগিয়ে যেতে অবজেক্টটি সরাসরি এইচটিপিপিরামগুলির পরিবর্তে পাস করা যেতে পারে।

এটি অন্য কারণ হিসাবে যদি আপনি উপরে উল্লিখিত টু এইচটিপিআরমগুলির মতো একটি সাধারণ ক্রিয়া ব্যবহার করেন তবে আপনি সহজেই এটিকে সরাতে পারেন বা প্রয়োজনে পরিবর্তনগুলি করতে পারেন।

Question 10

যতদূর আমি https://github.com/angular/angular/blob/master/packages/common/http/src/params.ts এ বাস্তবায়ন থেকে দেখতে পাচ্ছি

আপনাকে পৃথকভাবে মান সরবরাহ করতে হবে - আপনি আপনার লুপ এড়াতে সক্ষম নন।

এখানে এমন একটি কনস্ট্রাক্টর রয়েছে যা প্যারামিটার হিসাবে স্ট্রিং নেয় তবে এটি রূপে param=value&param2=value2তাই আপনার জন্য কোনও চুক্তি নেই (উভয় ক্ষেত্রেই আপনি নিজের অবজেক্টটি লুপ করে শেষ করবেন)।

আপনি কৌনিকটিতে সর্বদা একটি সমস্যা / বৈশিষ্ট্য অনুরোধের প্রতিবেদন করতে পারেন, আমি যা দৃ strongly়ভাবে পরামর্শ দিই: https://github.com/angular/angular/issues

PS: setএবং appendপদ্ধতির মধ্যে পার্থক্য সম্পর্কে মনে রাখবেন ;)

Question 11

যেহেতু @ ম্যাসিজেট্রেডার নিশ্চিত করেছেন যে আমাদের লুপ করতে হবে, তাই এখানে একটি মোড়ক দেওয়া optionচ্ছিকভাবে আপনাকে ডিফল্ট প্যারামের একটি সেট যুক্ত করতে দেবে:

function genParams(params: object, httpParams = new HttpParams()): object {
    Object.keys(params)
        .filter(key => {
            let v = params[key];
            return (Array.isArray(v) || typeof v === 'string') ? 
                (v.length > 0) : 
                (v !== null && v !== undefined);
        })
        .forEach(key => {
            httpParams = httpParams.set(key, params[key]);
        });
    return { params: httpParams };
}

আপনি এটি এর মতো ব্যবহার করতে পারেন:

const OPTIONS = {
    headers: new HttpHeaders({
        'Content-Type': 'application/json'
    }),
    params: new HttpParams().set('verbose', 'true')
};
let opts = Object.assign({}, OPTIONS, genParams({ id: 1 }, OPTIONS.params));
this.http.get(BASE_URL, opts); // --> ...?verbose=true&id=1

Question 12

আমার সহায়ক শ্রেণি (টিএস) কোনও জটিল ডিটিও অবজেক্টকে (কেবল "স্ট্রিং অভিধান" নয়) কে এইচটিপিপিআরমে রূপান্তর করতে:

import { HttpParams } from "@angular/common/http";

export class HttpHelper {
  static toHttpParams(obj: any): HttpParams {
    return this.addToHttpParams(new HttpParams(), obj, null);
  }

  private static addToHttpParams(params: HttpParams, obj: any, prefix: string): HttpParams {    
    for (const p in obj) {
      if (obj.hasOwnProperty(p)) {
        var k = p;
        if (prefix) {
          if (p.match(/^-{0,1}\d+$/)) {
            k = prefix + "[" + p + "]";
          } else {
            k = prefix + "." + p;
          }
        }        
        var v = obj[p];
        if (v !== null && typeof v === "object" && !(v instanceof Date)) {
          params = this.addToHttpParams(params, v, k);
        } else if (v !== undefined) {
          if (v instanceof Date) {
            params = params.set(k, (v as Date).toISOString()); //serialize date as you want
          }
          else {
            params = params.set(k, v);
          }

        }
      }
    }
    return params;
  }
}

console.info(
  HttpHelper.toHttpParams({
    id: 10,
    date: new Date(),
    states: [1, 3],
    child: {
      code: "111"
    }
  }).toString()
); // id=10&date=2019-08-02T13:19:09.014Z&states%5B0%5D=1&states%5B1%5D=3&child.code=111

Question 13

কেবলমাত্র এটি যুক্ত করতে চেয়েছিলেন আপনি যদি একই মূল নামের সাথে কয়েকটি পরামিতি যুক্ত করতে চান তবে: www.test.com/home?id=1&id=2

let params = new HttpParams();
params = params.append(key, value);

অ্যাপেন্ড ব্যবহার করুন, যদি আপনি সেট ব্যবহার করেন তবে এটি একই কী নামের সাথে পূর্বের মানটি ওভাররাইট করে।

Question 14

এই সমাধানগুলি আমার পক্ষে কাজ করে,

let params = new HttpParams(); Object.keys(data).forEach(p => { params = params.append(p.toString(), data[p].toString()); });