Angular中ngIf在一个方法中无法工作。
创始人
2024-10-31 15:30:11
0

在一个方法内使用ngIf可能会出现问题,因为它只能在组件的html模板中工作。可以尝试将要隐藏或显示的变量放在组件中,并在方法中更改该变量的值来实现类似的效果。以下是一个示例:

在组件中定义一个变量来控制ngIf的隐藏或显示:

@Component({
  selector: 'my-component',
  template: `
    
This div only appears if showDiv is true
` }) export class MyComponent { showDiv = false; }

在组件的方法中更改showDiv的值:

@Component({
  selector: 'my-component',
  template: `
    

    
This div only appears if showDiv is true
` }) export class MyComponent { showDiv = false; toggleDiv() { this.showDiv = !this.showDiv; } }

当点击按钮时,showDiv的值将被切换,并且根据ngIf的值来显示或隐藏div。请注意,ngIf只会对当前组件模板中的元素进行显示和隐藏。

相关内容

热门资讯

总结透视!哈糖大菠萝有挂吗5个... 总结透视!哈糖大菠萝有挂吗5个常用方法!真是有辅助教程(真实有挂)-哔哩哔哩1、很好的工具软件,可以...
推荐透视!德州私人局脚本,微乐... 推荐透视!德州私人局脚本,微乐家乡小程序自建房辅助app,积累教程(真的有挂)-哔哩哔哩1、完成德州...
科普透视!哈糖大菠萝软件下载!... 科普透视!哈糖大菠萝软件下载!真是有辅助插件(今日头条)-哔哩哔哩1)哈糖大菠萝软件下载免费钻石:进...
辅助透视!哈糖大菠萝可以开挂吗... 辅助透视!哈糖大菠萝可以开挂吗,微信微乐辅助器下载,练习教程(有挂存在)-哔哩哔哩1、哈糖大菠萝可以...
揭幕透视!红龙poker辅助器... 揭幕透视!红龙poker辅助器免费观看!其实一直总是有辅助脚本(有挂攻略)-哔哩哔哩1、金币登录送、...
了解透视!德州私人局脚本,微信... 了解透视!德州私人局脚本,微信小程序辅助多少钱,机巧教程(真是有挂)-哔哩哔哩1、首先打开德州私人局...
专业透视!红龙poker辅助器... 专业透视!红龙poker辅助器免费观看!其实是有辅助工具(有挂总结)-哔哩哔哩运红龙poker辅助器...
科普透视!hhpoker辅助挂... 科普透视!hhpoker辅助挂是真的吗,微乐卡五星祈福有用吗,举措教程(有挂技巧)-哔哩哔哩1、超多...
分享透视!pokemmo脚本辅... 分享透视!pokemmo脚本辅助下载!好像有辅助app(有挂细节)-哔哩哔哩1、游戏颠覆性的策略玩法...
详细透视!竞技联盟辅助插件,微... 详细透视!竞技联盟辅助插件,微乐贵阳足鸡麻将开挂,资料教程(的确有挂)-哔哩哔哩1、竞技联盟辅助插件...