Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.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
Angular 如何基于单选显示/隐藏元素_Angular - Fatal编程技术网

Angular 如何基于单选显示/隐藏元素

Angular 如何基于单选显示/隐藏元素,angular,Angular,我正在做一个角度项目,我想创建一个结构,在这个结构中,访问者可以点击一些问题。根据所选单选按钮,应显示另一个元素 在AngularJS中,您可以使用 <input id="first1" type="radio" name="content" ng-model="contentTemplate" value="first"> 及 这是第一个内容 显示元素,但在Angular2中似乎不起作用 我已经创建了一个我不能使用Plunkr(公司代理),但是你需要像这样将你的收音机绑定到

我正在做一个角度项目,我想创建一个结构,在这个结构中,访问者可以点击一些问题。根据所选单选按钮,应显示另一个元素

在AngularJS中,您可以使用

<input id="first1" type="radio" name="content" ng-model="contentTemplate" value="first">

这是第一个内容

显示元素,但在Angular2中似乎不起作用

我已经创建了一个

我不能使用Plunkr(公司代理),但是你需要像这样将你的收音机绑定到你的模型上

<input type="radio" [(ngModel)]="yourBoolean">
<div *ngIf="yourBoolean"></div>


别忘了导入
FormsModule
让ngModel工作

你是说
import{FormsModule}来自'@angular/forms'?还是另一种形式?在谷歌上找不到关于ngForms的更多信息。对不起,我不太清楚,我把angularJS搞混了。我的意思是
FormsModule
Nice!记住将你的话题标记为已解决。
<input type="radio" [(ngModel)]="yourBoolean">
<div *ngIf="yourBoolean"></div>