Jak przepisać kod, aby uniknąć TSLint „dostępu do obiektów za pośrednictwem literałów tekstowych”

Jestem całkiem nowy w TypeScript i chciałbym wiedzieć, czy istnieje dobry sposób na przepisanie kodu w celu uniknięcia błędu TSLint „dostęp do obiektu za pośrednictwem literałów ciągu jest niedozwolony” w poniższym kodzie

interface ECType
{
    name: string;
    type: string;
    elementType?: string;
}

export var fields: { [structName: string]: Array<ECType>; } = { };

class ECStruct1 {
    foo: string;
    bar: number;
    baz: boolean;
    qux: number;
    quux: number;
    corge: ECStruct2[];
    grault: ECStruct2;

    constructor() {
        ...
    }
} 

fields['ECStruct1'] = [
    { name: 'foo', type: 'string' },
    { name: 'bar', type: 'int' },
    { name: 'baz', type: 'bool' },
    { name: 'qux', type: 'long' },
    { name: 'quux', type: 'ulong' },
    { name: 'corge', type: 'array', elementType: 'ECStruct2' },
    { name: 'grault', type: 'ECStruct2' }
];

Aktualizacja : Na końcu powyższa zawartość będzie częścią samodzielnie wygenerowanego pliku z ponad 300 ECStructsekundami, więc chciałbym, aby definicja klasy (np. ECStruct1), A następnie jej meta-opis (np fields['ECStruct1'].).

Masz tutaj kilka opcji:

Po prostu wyłącz regułę

/* tslint:disable:no-string-literal */
whatever.codeHere()
/* tslint:enable:no-string-literal */

Użyj zmiennej zamiast literału ciągu

// instead of 
fields['ECStruct1'] = ...
// do something like
let key = 'ECStruct1';
fields[key] = ...

Napisz / wygeneruj jawny interfejs

Zobacz odpowiedź MartylX powyżej . Głównie:

interface ECFieldList {
    ECStruct1: ECType[];
}

export var fields:ECFieldList = {
    ECStruct1: [
        ...

Każde z tych rozwiązań jest rozsądnymi rozwiązaniami, chociaż nie jestem aż tak wielkim fanem # 2, ponieważ zniekształca twój kod bez powodu. Jeśli mimo wszystko generujesz kod, być może generowanie typu dla fieldsjak w punkcie 3 jest dobrym rozwiązaniem.

Możesz pozbyć się reguły. Poszukaj tslint.json, dodaj właściwość "no-string-literal"z false, w rules:

{
"rules": {
    "no-string-literal": false,
    ... other rules ...

Po prostu użyj adnotacji literału szablonu.

fields[`ECStruct1`]

A co w ten sposób? Nie wiem, czy potrzebujesz indeksatora ( [structName: string]: Array<ECType>;), czy nie.

interface ECType {
    name: string;
    type: string;
    elementType?: string;
}

interface ECFieldList {
    ECStruct1: ECType[];
}

export var fields:ECFieldList = {
    ECStruct1: [
        {name: 'foo', type: 'string'},
        {name: 'bar', type: 'int'},
        {name: 'baz', type: 'bool'},
        {name: 'qux', type: 'long'},
        {name: 'quux', type: 'ulong'},
        {name: 'corge', type: 'array', elementType: 'ECStruct2'},
        {name: 'grault', type: 'ECStruct2'}
    ]
};

Prawdopodobnie nie najlepsza opcja, ale używanie

fields['ECStruct1'.toString()]

działa też

Prostym sposobem jest zdefiniowanie zmiennej przechowującej wartość ECStruct1:

const sampleName = 'ECStruct1';

a następnie uzyskaj dostęp do obiektu, używając zmiennej jako indeksu:

fields[sampleName] ...