"Angular 2无法绑定到“ngif”，因为它不是一个已知的属性。"

17 浏览
0 Comments

"Angular 2无法绑定到“ngif”，因为它不是一个已知的属性。"

这个问题已经有答案了：无法绑定到\'ngIf\'，因为它不是\'div\'的已知属性【重复】

我正在尝试使用Angular 2。我有一个包含两个组件的运行测试应用程序。它一切正常，但当我尝试使用*ngif时，它就崩溃了。

关于这个问题已经有很多问题了，但大多数答案都指出导入 \"BrowserModule\" 可以解决这个问题。

对于我的情况，我已经这样做了。还有什么可能会导致这个问题吗？

我的HTML





app.module.ts




import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent }  from './app.component';
import { CrazyComponent }  from './products/crazy.component';
@NgModule({
      imports: [ BrowserModule ],
      declarations: [ AppComponent, CrazyComponent ],
      bootstrap: [ AppComponent ]
})
export class AppModule { }





完整的错误信息：


无法绑定到 \'ngif\'，因为它不是\'table\'的已知属性。属性绑定ngif没有被嵌入模板上的任何指令使用。确保拼写正确的属性名称，并将所有指令列在\"directives\"部分中。

								
admin 更改状态以发布 2023年5月23日
							

							

															

						

						
0

					

				


			


			
			

	

		

			

				2
				答案			


					


		
		

			
				
											


	

		

			

								
									
			

			

				

					

						

                        

						

														0 Comments						

					

					

															

				

				

										
你因为使用了“*ngif”而出现了错误，正确的应该是“*ngIf”。这里的大写'I'，以及在*ngFor中的大写'F'我经常会打错。只要耐心一点即可 :)。

									

				

									

			

			
0

		

	



											


	

		

			

								
									
			

			

				

					

						

                        

						

														0 Comments						

					

					

															

				

				

										
您有一个拼写错误。请使用ngIf而不是ngif


正确的使用方法:




 


更新：
很多人（包括我）遇到了这个问题，因为IntelliJ IDEA/WebStorm自动补全给出了无效的ngif。此外，IDEA将*ngIf标记为无效。
最近我将我的IDEA升级到了2017.2.5，并搭配JS/Angular插件使用，这个问题已经解决了。另外，我得到了更好的NG2+自动补全和更好的TypeScript支持。这也是为什么我强烈推荐升级JetBrains软件。

									
0