blocks|key|4450286|text|另一个导致OP错误的拼写错误可能是使用了in|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4450287|<div+*ngFor="let+talk+in+talks">|code-block|syntax|javascript|4450288|您应该改用of：|4450289|<div+*ngFor="let+talk+of+talks">|4450290|entityMap^0|K|2|0|0|5|2|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|P|$]]

Another typo leading to the OP's error could be using <code>in</code>:

<pre><code>&lt;div *ngFor="let talk in talks"&gt;
</code></pre>

You should use <code>of</code> instead:

<pre><code>&lt;div *ngFor="let talk of talks"&gt;
</code></pre>

blocks|key|4450184|text|在angular+7中，通过将以下行添加到.module.ts文件中修复了此问题：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4450185|import+{+CommonModule+}+from+'@angular/common';++imports:+[CommonModule]|4450186|entityMap^0|L|A|0|0|20|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|P|8|@]|D|@]|E|$]]]|I|$]]

In angular 7 got this fixed by adding these lines to <code>.module.ts</code> file:

<code>import { CommonModule } from '@angular/common';
 imports: [CommonModule]</code>

blocks|key|4450315|text|你应该使用let关键字as来声明局部变量，例如*ngFor="let+talk+of+talk“|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4450316|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You should use let keyword as to declare local variables 
e.g *ngFor="let talk of talks"

blocks|key|4450105|text|在我的例子中，我犯了从文档中复制*ng-for=的错误。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4450106|https://angular.io/guide/user-input|4450107|如果我错了，请纠正我。但是看起来*ng-for=已经改成了*ngFor=|4450108|entityMap|0|LINK|mutability|MUTABLE|url^0|G|8|0|0|Z|0|0|G|8|T|7|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@$9|U|A|V|1|W]]|E|$]]|$1|H|3|I|5|6|7|X|8|@$9|Y|A|Z|B|C]|$9|10|A|11|B|C]]|D|@]|E|$]]|$1|J|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|K|$L|$5|M|N|O|E|$P|G]]]]

In my case I made the mistake of copying <code>*ng-for=</code> from the docs.

<a href="https://angular.io/guide/user-input" rel="nofollow noreferrer">https://angular.io/guide/user-input</a>

Correct me if I am wrong. But it seems <code>*ng-for=</code> has been changed to <code>*ngFor=</code>

blocks|key|4450353|text|另外，不要尝试在这里使用纯TypeScript+...我希望更符合for的用法，并使用*ngFor="const+filter+of+filters"，并得到ngFor，而不是已知的属性错误。只要用let替换const就行了。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4450354|正如@alexander-abakumov为被in取代的of所说的那样。|4450355|entityMap^0|X|3|17|W|0|N|2|S|2|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|I|$]]

Also don't try to use pure TypeScript in this... I wanted to more correspond to <code>for</code> usage and use <code>*ngFor="const filter of filters"</code> and got the ngFor not a known property error. Just replacing const by let is working.

As @alexander-abakumov said for the <code>of</code> replaced by <code>in</code>.

blocks|key|4450299|text|在我的例子中，包含使用*ngFor导致此错误的组件的模块没有包含在app.module.ts中。将它包含在imports数组中为我解决了这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4450300|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

In my case, the module containing the component using the *ngFor resulting in this error, was not included in the app.module.ts. Including it there in the imports array resolved the issue for me.

blocks|key|4450361|text|使用这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4450362|<div+*ngFor="let+talk+of+talks>+
+++{{talk.title}}+
+++{{talk.speaker}}
+++{{talk.description}}+
</div>|code-block|syntax|javascript|4450363|您需要指定变量来迭代对象的数组|4450364|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|$]]

Use this

<pre><code>&lt;div *ngFor="let talk of talks&gt; 
 {{talk.title}} 
 {{talk.speaker}}
 &lt;p&gt;{{talk.description}} 
&lt;/div&gt;
</code></pre>

You need to specify variable to iterate over an array of an object

blocks|key|4450387|text|在我的例子中，=和"之间不应该有空格，|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4450388|例如，错误的：|4450389|*ngFor+=+"let+talk+of+talks"|code-block|syntax|javascript|4450390|右图：|4450391|*ngFor="let+talk+of+talks"|4450392|entityMap^0|7|1|9|1|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|10|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|R|$]]

In my case,There should be no space between <code>=</code> and <code>&quot;</code>,
e.g. wrong :
<pre><code>*ngFor = &quot;let talk of talks&quot;
</code></pre>
right :
<pre><code>*ngFor=&quot;let talk of talks&quot;
</code></pre>

blocks|key|4450601|text|在我的例子中，我没有在for循环中声明循环变量|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4450602|<div+*ngFor="pizza+of+pizzas;+index+as+i">|code-block|syntax|javascript|4450603|而不是|4450604|<div+*ngFor="let+pizza+of+pizzas;+index+as+i">|4450605|在用“let”声明它之后，它就对我起作用了。|4450606|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

In my case I was not declaring the loop variable inside the for loop I had
<pre><code>&lt;div *ngFor=&quot;pizza of pizzas; index as i&quot;&gt;
</code></pre>
instead of
<pre><code>&lt;div *ngFor=&quot;let pizza of pizzas; index as i&quot;&gt;
</code></pre>
After declaring it with 'let' it just worked for me.

What am I doing wrong?

<pre><code>import {bootstrap, Component} from 'angular2/angular2'

@Component({
 selector: 'conf-talks',
 template: `&lt;div *ngFor="talk of talks"&gt;
 {{talk.title}} by {{talk.speaker}}
 &lt;p&gt;{{talk.description}}
 &lt;/div&gt;`
})
class ConfTalks {
 talks = [ {title: 't1', speaker: 'Brian', description: 'talk 1'},
 {title: 't2', speaker: 'Julie', description: 'talk 2'}];
}
@Component({
 selector: 'my-app',
 directives: [ConfTalks],
 template: '&lt;conf-talks&gt;&lt;/conf-talks&gt;'
})
class App {}
bootstrap(App, [])
</code></pre>

The error is

<pre><code>EXCEPTION: Template parse errors:
Can't bind to 'ngFor' since it isn't a known native property
("&lt;div [ERROR -&gt;]*ngFor="talk of talks"&gt;
</code></pre>

Exception: Can't bind to 'ngFor' since it isn't a known native property

TypeScript

我做错了什么？import {bootstrap, Component} from 'angular2/angular2'@Component({ selector: 'conf-talks', template: `<div *ngFor="talk of talks"> {{talk.title}} by {{talk.speaker}} {{talk.descrip

问异常:无法绑定到“ngFor”，因为它不是已知的本机属性
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问异常:无法绑定到“ngFor”，因为它不是已知的本机属性EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问异常:无法绑定到“ngFor”，因为它不是已知的本机属性
EN