我正在嘗試在組件上使用 ngif 指令,但在控制臺上不斷出現以下錯誤:“NG0303:無法系結到 'ngIf',因為它不是 'p' 的已知屬性。”,并且該元素只是沒有出現。另外,我正在為某些元素使用 po-ui 框架。
下面是組件的 ts 和 html 代碼:
地籍usuario.component.ts:
import { Component, OnInit } from '@angular/core';
import { PoButtonGroupModule } from '@po-ui/ng-components';
import { PoButtonGroupItem } from '@po-ui/ng-components';
@Component({
selector: 'app-cadastro-usuario',
templateUrl: './cadastro-usuario.component.html',
styleUrls: ['./cadastro-usuario.component.css']
})
export class CadastroUsuarioComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
buttons: Array<PoButtonGroupItem> = [
{ label: 'Vínculo', action: this.vinculo.bind(this) },
{ label: 'Endere?o', action: this.endereco.bind(this) },
{ label: 'Contatos', action: this.contatos.bind(this) },
];
vinculo() {
alert("vinculo");
}
endereco() {
alert("endereco");
}
contatos() {
alert("contatos");
}
}
地籍usuario.component.html:
<p style="display:inline-block; margin-left:80px; margin-top:20px; width: 600px;">
<po-button-group [p-buttons]="buttons"> </po-button-group>
</p>
<br>
<p *ngIf="true" style="display:inline-block; margin-left:80px; margin-top:20px; width: 300px;">
<po-input name="vinculo" p-label="Vínculo"> </po-input>
</p>
uj5u.com熱心網友回復:
我想這可能是重復的,但是您應該匯入
CommonModule 和 BrowserModule
在您的組件的模塊下,如果您不確定,只需將其添加如下app.module.ts檔案:
1 進口:
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
2 在 NgModule 下:
@NgModule({
imports: [
CommonModule,
BrowserModule
...
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/416722.html
標籤:
上一篇:角路由加載沒有子組件的孫組件
