blocks|key|126835|text|这条路怎么样？我不知道您是否需要索引器([structName:+string]:+Array<ECType>;)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|126836|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'}
++++]
};|code-block|syntax|javascript|126837|entityMap^0|K|10|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

What about this way? I don't know if you need the indexer (<code>[structName: string]: Array&lt;ECType&gt;;</code>) or not.

<pre><code>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'}
 ]
};
</code></pre>

blocks|key|124993|text|这里有几个选项：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|124994|1)只需禁用规则|offset|length|style|BOLD|124995|/*+tslint:disable:no-string-literal+*/
whatever.codeHere()
/*+tslint:enable:no-string-literal+*/|code-block|syntax|javascript|124996|2)使用变量而不是字符串文字|124997|//+instead+of+
fields['ECStruct1']+=+...
//+do+something+like
let+key+=+'ECStruct1';
fields[key]+=+...|124998|3)编写/生成显式接口|124999|参见MartylX's+answer+above。本质上：|125000|interface+ECFieldList+{
++++ECStruct1:+ECType[];
}

export+var+fields:ECFieldList+=+{
++++ECStruct1:+[
++++++++...|125001|125002|这些都是合理的解决方案，尽管我不是#2的粉丝，因为它会毫无理由地破坏你的代码。如果你正在生成代码，也许像#3那样为fields生成一个类型是一个很好的解决方案。|CODE|125003|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/33389446/3124288^0|0|0|8|0|0|0|E|0|0|0|B|0|2|M|0|0|0|0|1L|6|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|19|8|@$D|1A|E|1B|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|1C|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1D|8|@$D|1E|E|1F|F|G]]|9|@]|A|$]]|$1|O|3|P|5|J|7|1G|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|1H|8|@$D|1I|E|1J|F|G]]|9|@]|A|$]]|$1|S|3|T|5|6|7|1K|8|@]|9|@$D|1L|E|1M|1|1N]]|A|$]]|$1|U|3|V|5|J|7|1O|8|@]|9|@]|A|$K|L]]|$1|W|3|-4|5|6|7|1P|8|@]|9|@]|A|$]]|$1|X|3|Y|5|6|7|1Q|8|@$D|1R|E|1S|F|Z]]|9|@]|A|$]]|$1|10|3|-4|5|6|7|1T|8|@]|9|@]|A|$]]]|11|$12|$5|13|14|15|A|$16|17]]]]

You have a couple options here:
1) Just disable the rule
<pre><code>/* tslint:disable:no-string-literal */
whatever.codeHere()
/* tslint:enable:no-string-literal */
</code></pre>
2) Use a variable instead of a string literal
<pre><code>// instead of 
fields['ECStruct1'] = ...
// do something like
let key = 'ECStruct1';
fields[key] = ...
</code></pre>
3) Write/Generate an explicit interface
See <a href="https://stackoverflow.com/a/33389446/3124288">MartylX's answer above</a>. Essentially:
<pre><code>interface ECFieldList {
 ECStruct1: ECType[];
}

export var fields:ECFieldList = {
 ECStruct1: [
 ...
</code></pre>
<hr />
Any of these are reasonable solutions, although I'm not as much of a fan of #2 because it's mangling up your code for no good reason. If you're generating code anyways, perhaps generating a type for <code>fields</code> as in #3 is a good solution.

blocks|key|123924|text|可能不是最好的选择，但使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|123925|fields['ECStruct1'.toString()]|code-block|syntax|javascript|123926|也行|123927|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Probably not the best option, but using 

<pre><code>fields['ECStruct1'.toString()]
</code></pre>

works too

blocks|key|2894606|text|你可以摆脱这个规则。在rules:：中查找tslint.json，即使用false添加属性"no-string-literal"|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2894607|{
"rules":+{
++++"no-string-literal":+false,
++++...+other+rules+...|code-block|syntax|javascript|2894608|entityMap^0|B|5|L|B|10|5|19|J|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|L|$]]

You can get rid of the rule. Look for <code>tslint.json</code>, the add a property <code>"no-string-literal"</code> with <code>false</code>, in <code>rules</code>::

<pre><code>{
"rules": {
 "no-string-literal": false,
 ... other rules ...
</code></pre>

blocks|key|126954|text|只需使用模板文字注释。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|126955|fields[`ECStruct1`]|code-block|syntax|javascript|126956|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Just use template literal annotation.

<pre><code>fields[`ECStruct1`]
</code></pre>

blocks|key|123981|text|一种简单的方法是定义一个变量来保存ECStruct1的值：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|123982|const+sampleName+=+'ECStruct1';|code-block|syntax|javascript|123983|然后，通过使用变量作为索引来访问对象：|123984|fields[sampleName]+...|123985|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

A simple way is to define a variable to hold the value of ECStruct1:

<pre><code>const sampleName = 'ECStruct1';
</code></pre>

and then, get access to the object by using the variable as index:

<pre><code>fields[sampleName] ...
</code></pre>

blocks|key|2894646|text|我也遇到过同样的错误。但是我尝试使用Request+object的Headers的type，它对我很有效。下面是我是如何解决这个问题的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2894647|const+objToAdd:+{+[key:+string]:+string+}+=+{};
objToAdd.type+=+'typeToAdd';
objToAdd.key+=+'keyToAdd';
objToAdd.value+=+'valueToAdd';|code-block|syntax|javascript|2894648|如果看到类型，{+[key:+string]:+string+}告诉TSLint这个对象接受string类型的键和值。同样，{+[key:+string]:+any+}+types指定键为string类型，而的值为any类型|2894649|entityMap^0|I|7|X|7|15|4|0|0|7|P|1Q|M|2M|6|2Z|3|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|N|$]]

I have faced the same error. but i tried to make use of the <code>type</code> of <code>Headers</code> of <code>Request</code> object and it worked for me. Below is how I managed to resolve the issue.
<pre><code>const objToAdd: { [key: string]: string } = {};
objToAdd.type = 'typeToAdd';
objToAdd.key = 'keyToAdd';
objToAdd.value = 'valueToAdd';
</code></pre>
if you see the type <code>{ [key: string]: string }</code> tells the TSLint that this object takes keys and values of type string.
Similarly, <code>{ [key: string]: any }</code> types specifies that the keys are of <code>string</code> type and values of are of <code>any</code> type

I'm pretty new to TypeScript and I would like to know if there exists a good way to rewrite code to avoid TSLint error "object access via string literals is disallowed" in the following code

<pre><code>interface ECType
{
 name: string;
 type: string;
 elementType?: string;
}

export var fields: { [structName: string]: Array&lt;ECType&gt;; } = { };

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' }
];
</code></pre>

Update: At the end the content above will be part of a self-generated file with more than 300 <code>ECStruct</code>s, so I would like to have the class definition (e.g. <code>ECStruct1</code>) followed by its meta-description (e.g. <code>fields['ECStruct1']</code>).

How to rewrite code to avoid TSLint "object access via string literals"

TypeScript

我是TypeScript的新手，我想知道是否有一种很好的方法来重写代码，以避免在以下代码中出现TSLint错误"object access via string literals is disallowed“interface ECType{    name: string;    type: string;    e...

问如何重写代码以避免TSLint“通过字符串进行对象访问”
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何重写代码以避免TSLint“通过字符串进行对象访问”EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何重写代码以避免TSLint“通过字符串进行对象访问”
EN