Question

我想检查Comment是否不为null以显示div

未捕获的错误：模板解析错误：意外的结束标记“ div”。当标签已经被另一个标签关闭时，可能会发生这种情况。对于更多信息，请参见

<div class="form-group">
      <label>توضیحات</label>
      <textarea [(ngModel)]="name" style="direction: rtl; color: rgb(3, 0, 0);" class="form-control" formControlName="Comment"
        aria-label="With textarea"></textarea>
    </div>


    <div *ngIf="{{name}} == ''"></div>
      <app-upload style="width: inherit; float: inline-start; width: 100px;"
        (onUploadFinished)="uploadFinished($event)"></app-upload>
      <img src="http://localhost:54277/{{this.response.dbPath}}"  width="200px"
        height="200px">
    </div>

Answer 1

有3个问题

1-删除</div>行上的结束标签<div *ngIf="{{name}} == ''"></div>

2-您不能在ngIf中使用双括号。您需要像这样使用它：

<div *ngIf="name === ''"></div>

3-您在文本区域中将ngModel与formControl一起使用。它将发出警告。您需要像下面这样设置ngModelOptions才能使该警告静音：

<textarea [(ngModel)]="name" [ngModelOptions]="{standalone: true}"  formControlName="Comment" /*Other attributes remain*/  ></textarea>

希望这会有所帮助。

Answer 2

错误是由此行引起的

npm i
ionic cordova rm android 
ionic cordova add platform android

删除结束标签<div *ngIf="{{name}} == ''"></div>

如何使用ngIf检查输入是否为空？

2 个答案: