Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果选中复选框,如何显示div元素?_Javascript_Angular - Fatal编程技术网

Javascript 如果选中复选框,如何显示div元素?

Javascript 如果选中复选框,如何显示div元素?,javascript,angular,Javascript,Angular,如果使用ng show选中复选框,我将尝试显示div元素。 如果用户没有电话号码,他们会选中复选框,并在其中显示一个输入元素,以便输入其邮寄地址。但是,在检查值和未检查值之间切换目前没有效果 我已经对元素进行了双向绑定 --mycomponent.html文件-- 欢迎来到社区 ng show是angularJS框架的一个指令 在Angular(注意大写字母“A”)中,我们使用ngIf指令如下: <div *ngIf="person.myCheckbox"> 对于角度,您应该使用

如果使用ng show选中复选框,我将尝试显示div元素。 如果用户没有电话号码,他们会选中复选框,并在其中显示一个输入元素,以便输入其邮寄地址。但是,在检查值和未检查值之间切换目前没有效果

我已经对元素进行了双向绑定

--mycomponent.html文件--


欢迎来到社区

ng show是angularJS框架的一个指令

在Angular(注意大写字母“A”)中,我们使用ngIf指令如下:

<div *ngIf="person.myCheckbox">

对于角度,您应该使用


我没有电话
选中时显示(电话输入)

您只需使用
*ngIf
指令即可

--您的component.html文件--


可能是@Lemmy的副本谢谢!帮助我out@Pete我总是通过一个React项目得到它。。。。。“这不是你在React中的做法……”但我已经用CSS做了很多年了,所以让我们在CSS可以完成所有工作时增加JavaScript开销非常感谢您为我展示了一种不同的方式来做这件事@埃帕斯卡雷洛
export class Person {

        constructor(
            public myCheckbox: boolean
        ) {  }
    }
<div *ngIf="person.myCheckbox">
<div *ngIf="person.myCheckbox">
<input type="checkbox" name="myCheckbox" [(ngModel)]="person.myCheckbox">
I don't have a telephone
<div *ngIf="person.myCheckbox">
   Show when checked (telephone input)
</div>
export class Person {
    constructor(
        public myCheckbox: boolean
    ) {  }
}