javascript - ng2-smart-tables ServerDataSource skickar inte med autentiseringsuppgifter till web API för Windows-autentisering

Det här kommer att bli en lång fråga.

För att Windows-autentisering ska fungera med Angular har jag ett omslag för HTTP-anropen som visas nedan

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.getByKey('baseApiUrl') || '';
    }

    public getApiUrl(url) {
        return this.baseApiUrl + url;
    }

    public get(url: string, options?: RequestOptions) {
        if (!options) {
            options = this.getDefaultHeaders();
        }
        return this.http.get(this.getApiUrl(url), options)
            .catch(this.handleError);
    }

    private getDefaultHeaders() {
        let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded' });
        headers.append('Accept', 'application/json');
        return new RequestOptions({ headers, withCredentials: true });
    }

    public handleError(response: Response) {
        return Observable.throw(JSON.parse(response.json().Message) || 'Server error');
    }
}

Om du observerar new RequestOptions({ headers, withCredentials: true }); tillåter det webbläsaren att skicka autentiseringsuppgifter till servern för Windows-autentisering. Och det fungerar utmärkt för allt.

Nu till frågan, jag har sampleComponent där jag använder ServerDataSource som visas nedan:

import { Component, OnInit, NgZone } from '@angular/core';
import { Http, RequestOptions } from '@angular/http';
import { Ng2SmartTableModule, ServerDataSource } from 'ng2-smart-table';

@Component({
selector: 'criteria',
templateUrl: './criteria.component.html',
styles: [require('./criteria.scss')],
})

export class SampleComponent implements OnInit {

    Source: ServerDataSource;
    settings: any;
    constructor(
    private http: Http) {
    this.Source = new ServerDataSource(http, { endPoint: 'https://xxxxxx.org/yyy/GetCriterias'});
   }

     ngOnInit(): void {
        // this.settings = {}// assigning the settings.
    }
}

Som du kan se accepterar ServerDataSource en Http-instans och jag har kontrollerat deras dokumentation och har inte hittat något sätt att skicka till RequestOptions. Så web API-anropet som görs av ng2-smart-table misslyckas med status 401 eftersom autentiseringsuppgifter inte skickas.

För att lösa detta problem har jag gjort ändringar direkt i ng2-smart-table-källfilen, specifikt 'server.data-source.js', och här är ändringen

ServerDataSource.prototype.createRequestOptions = function () {
        var requestOptions = {withCredentials : true}; // this where I have added the withCredntials flag
        requestOptions.params = new URLSearchParams();
        requestOptions = this.addSortRequestOptions(requestOptions);
        requestOptions = this.addFilterRequestOptions(requestOptions);
        return this.addPagerRequestOptions(requestOptions);
    };

Med denna förändring fungerar allt bra för tillfället. Men jag skulle kunna få problem i framtiden, om vi uppgraderar paketet måste jag i så fall göra ändringar igen.

Så om någon kan hjälpa mig att lösa problemet på något annat sätt, var god låt mig veta.

Länkar: https://github.com/akveo/ng2-smart-table/blob/master/src/app/pages/examples/server/advanced-example-server.component.ts

Tack.