文章/答案/技术大牛

发布

社区首页 >问答首页 >隐藏/显示角5

问隐藏/显示角5
EN

Stack Overflow用户

提问于 2018-05-07 08:52:06

回答 2查看 231关注 0票数 0

我想要一个简单的隐藏和显示带有文本的<p></p>标签。

首先，我使用了一个简单的*ngIf指令，如果输入标记是空的，它就会隐藏我的标记。但是我想要的是，如果我清除输入标签并显示是否有什么东西，如果输入是空的，<p>标记就会隐藏起来。

这是我的密码：

<h2>Bonjour Monsieur {{username}}<span (test)="test()" *ngIf="age != null">, vous avez {{age}} ans</span></h2><br/>
<table>
  <tr>
    <td><input [ngModel]="username.toUpperCase()"
               (ngModelChange)="username=$event" name="inputField" type="text" /></td>
    <td><input [(ngModel)]="age"/></td>
    <td>Espagne</td>
  </tr>
</table>

export class AppComponent {
  username: string = "";
  age:number;
}

angular

angular5

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-05-07 09:06:54

您可以同时使用隐藏或*ngIf。区别是*ngIf将从DOM树中删除元素，而隐藏的只是隐藏它，但仍然隐藏在DOM树中。

<input type="text" [(ngModel)]="variable_name" />
<p [hidden]="variable_name == '' ">{{ variable_name}} </p>

或

<p *ngIf="variable_name != '' ">{{ variable_name}} </p>

你也可以做长度检查。例如。*ngIf="variable_name.length > 0"或[hidden]="variable_name.length == 0"

票数 1

Stack Overflow用户

发布于 2018-05-07 08:59:47

只需查看输入值是否等于“”：

<input [(ngModel)]="username" />
<p *ngIf="username != '' ">{{ username}} </p>

更多信息：ngIf

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50210378

复制

相似问题

问隐藏/显示角5
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问隐藏/显示角5EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问隐藏/显示角5
EN