如何禁用未选中复选框和选中复选框可以切换？在角度8的ngFor循环中？
在角度8的ngFor循环中，禁用未选中复选框并使选中复选框可以切换，可以通过以下步骤实现：
- 在组件的类中定义一个布尔类型的变量，用于表示复选框的选中状态。例如，可以定义一个名为
isChecked的变量，并将其初始值设为false。 - 在HTML模板中使用ngFor指令循环生成复选框，并使用
[disabled]属性绑定复选框的禁用状态。同时，使用[(ngModel)]指令绑定复选框的选中状态到组件的isChecked变量。 - 在HTML模板中使用ngFor指令循环生成复选框，并使用
[disabled]属性绑定复选框的禁用状态。同时，使用[(ngModel)]指令绑定复选框的选中状态到组件的isChecked变量。 - 在组件的类中，定义一个方法来切换复选框的选中状态。例如，可以定义一个名为
toggleCheckbox的方法，该方法将会切换isChecked变量的值。 - 在组件的类中，定义一个方法来切换复选框的选中状态。例如，可以定义一个名为
toggleCheckbox的方法，该方法将会切换isChecked变量的值。 - 在HTML模板中，添加一个按钮或其他触发事件的元素，并使用
(click)事件绑定到组件的toggleCheckbox方法。 - 在HTML模板中，添加一个按钮或其他触发事件的元素，并使用
(click)事件绑定到组件的toggleCheckbox方法。
这样，当点击按钮时，toggleCheckbox方法会被调用，从而切换复选框的选中状态。同时，未选中的复选框将被禁用，选中的复选框可以切换。
对于以上问题中提到的角度8（Angular 8）的ngFor循环，以上方法同样适用。请注意，以上答案中没有提及具体的腾讯云产品和链接地址，因为该问题与云计算领域的专业知识和腾讯云产品无直接关联。
相关·内容
2回答
一个自定义角双状态复选框组件问题
angular、angular-forms、controlvalueaccessor
我正在尝试创建一个自定义复选框组件，以取代一个旧的replace版本，该版本曾经被使用过，但希望通过添加一些aria点使其更精简/更干净，并直接使用更多的复选框属性。但是，我遇到的问题(我猜)是更新值访问器/ ngmodel，并且可能需要一些关于我显然缺少的东西的指导。
我认为我所做的已经够简单了，但显然不是。其思想是，@Input() binary默认设置为true，期望ngModel具有一个布尔值以供使用，但在初始化ngModel时，我不会从ngModel中得到它的值。我需要ngModel来与组件进行通信，尽管当它像<app-checkbox [ngModel]="blah&
浏览 6提问于2022-01-21得票数 1
回答已采纳
2回答
离子2/3 :如何以编程方式取消复选框
ionic2
我有一种情况，我必须取消复选框，点击一个按钮。
这是我的复选框代码
<ion-checkbox [checked]="!isChecked" [disabled]="!isdisabled" (ionChange)="saveProfile($event)" [(ngModel)]="default"></ion-checkbox>
我试过使用!iChecked，但是它不起作用。基本上，如果用户已经选中了复选框，我希望在单击按钮时(根据特定条件)不选中复选框。
<button class="b
浏览 1提问于2018-01-12得票数 1
回答已采纳
4回答
如何在angular中模糊跨度属性
angular、blur
我想要模糊span元素，每当我单击复选框时都会测试"Blur me“ html文件 <input (click)="clickbox()" type="checkbox">
<span>
<span class="blur"> Blur Me </span>
<input [disabled]="ischecked" type="month">
</span> TS文件 ischecked = true;
click
浏览 39提问于2019-11-13得票数 0
回答已采纳
3回答
如何使用*ngFor为Angular中的RadioButton设置默认校验值
angular、angular-forms
我正在根据数组的长度迭代单选按钮列表，并希望仅将选中设置为第一个元素/输入字段的默认值
如何只设置一个字段为勾选，其余字段为未勾选？
我使用*ngFor来迭代项目ngModel以进行双向数据绑定
<div class="pt-3 flex flex-nowrap">
<div *ngFor="let color of colors" class="mr-2">
<input id="{{color}}" type="radio" [(ngModel)]="getCo
浏览 2提问于2021-01-21得票数 0
4回答
选中一个复选框，选中“全部响应本机”。
react-native
当我选择一个复选框时，应用程序中的所有复选框都会被选中。我该怎么阻止这一切？
我正在使用此复选框
const [toggleCheckBox, setToggleCheckBox] = useState(false);
return (
<>
<Provider>
{userProducts.length > 0 ? (
userProducts.map(userProduct => (
<ListItem
title={
浏览 17提问于2022-07-04得票数 0
2回答
我有一个用户列表，它为已经共享的用户提供了选中，现在如果我选中任何一个复选框，那么已经选中的那个就会被取消选中。请任何人帮助我解决这个问题。 HTML： <div *ngFor="let contact of userList">
<input type="checkbox" name="radio" (click)="selectCheckboxInvitee($event.target.checked, contact, false)"
[(n
浏览 9提问于2019-02-20得票数 0
回答已采纳
1回答
当选中“垫子”复选框时，角Array.push只在数组中推送最后一个对象。
angular、typescript
我有两个组件item-list和item。item-list组件显示带有复选框的项目列表。当选中复选框时，我一直试图将这些项推送到一个新的Array中，但是Array在记录时只保存最后一个项。
下面是我试过的代码，
item-list.component.html
<div>
<mat-form-field appearance="outline">
<input matInput placeholder="Add a Task" (keyup.enter)="addTask()"autocomplete=&
浏览 5提问于2022-11-21得票数 0
回答已采纳
2回答
使用angular2和ionic2关闭时重置选中的复选框
angular、typescript、ionic2
我在我的应用程序中使用Angular2和ionic2。在这里，我有一个toggle.When切换关闭，我不应该允许用户选择复选框。当我选中复选框时，切换是打开的，如果我再次关闭它，那么选中的复选框应该会被重置。
有人能帮我解决这个问题吗？
我的代码位于app.html下面
<ion-content>
<ion-item class="toggle">
<ion-label>App Explore</ion-label>
<ion-toggle class="center" [(ngModel)
浏览 7提问于2016-12-21得票数 2
7回答
选中角5、HTML、布尔值复选框
html、angular、typescript
角5，打字本2.7.1
当返回布尔值时，我似乎无法让复选框被选中，我尝试过，item.check返回true或false。
<tr class="even" *ngFor="let item of rows">
<input value="{{item.check}}" type="checkbox" checked="item.check">
当复选框写在输入中时，总是选中该复选框。而且，当checked="false"时，它也不会被不检查。
有更好的方法来代替角特征吗？比
浏览 0提问于2018-02-28得票数 105
回答已采纳
2回答
如何用角2中的按钮触发ngModelChange
html、angular、forms、checkbox
我使用*ngFor填充我的表。
<tr *ngFor= "stu in students">
<td>{{stu.name}}</td>
<td><input type="checkbox" ngModel="isChecked"
(ngModelChange)="addID(stu.id)</td>
</tr>
然后我在桌子外面有个按钮。
<button (click)="selectAllID()">select all<
浏览 5提问于2017-07-05得票数 3
回答已采纳
2回答
在选中和取消选中复选框时传递参数
html、angular、typescript
我是Angular和typescript的新手。我需要从满足以下要求的人那里获得帮助。我有一个网页，上面有一个复选框列表，如下所示： ? 我在component.ts文件中定义了一个isChecked布尔变量，并使用ngModel与模板进行了数据绑定。选中或取消选中复选框时，将调用函数onChange()。我想向函数传递两个参数。一个是check/uncheck value，例如true/false，另一个是包含所单击复选框标签的字符串值。例如，如果选中了st1，则将调用onChange(check，'st1')。如果未选中，component类中的逻辑会将“st1”添加
浏览 15提问于2020-07-06得票数 0
回答已采纳
4回答
取消在WPF中取消选中
c#、wpf、checkbox
我在WPF窗口中使用复选框。我在checkbox的未选中事件中使用了一些逻辑。如果需要，我想在此事件的主体中取消选中它。我该怎么做呢？
private void chApprove_Checked(object sender, RoutedEventArgs e)
{
btnAddDepartment.IsEnabled = true;
brnRemoveDepartment.IsEnabled = true;
}
private void chApprove_Unchecked(object sender, RoutedEve
浏览 0提问于2010-05-25得票数 1
回答已采纳
3回答
如何在某些条件后限制checkBoxes进行选择
javascript、angular、typescript、angular5
我正在使用Angular 5中的ngModel，这里是Html
<span *ngFor="let id of Ids">
<input class="checkbox" type="checkbox" [(ngModel)]="strManyModel[id]" (change)="setValue($event)" [value]="id">
</span>
这是typeScript
setValue(e){
if(selectedChkBo
浏览 0提问于2018-03-29得票数 2
2回答
如果在类型记录中选中复选框，如何读取？
html、typescript、checkbox、angular-material、checked
这一定是一些基本的东西，我想不出该怎么做。如果选中了复选框，我希望在控制台中显示。我的html和类型记录代码是：
<div class="my-form-field" style="display: block;margin-bottom: 10px;">
<mat-checkbox id="is3dCheckBox" (ngModel)="handleInputChange()">Split tag in bits</mat-checkbox>
</div>
浏览 7提问于2021-12-13得票数 0
2回答
为什么使用ngModel的模板引用变量在for-循环中没有定义？
angular、forms、validation
我试图在HTML模板中获取DOM元素，以便根据输入值禁用/启用表单按钮，并使用ngModel#Custom_FirstName="ngModel".。输入是分隔组件中的自定义字段。
我的问题是元素Custom_FirstName总是undefined，我发现它与For循环ngFor有关。当我删除ngFor时，错误是固定的。但是这不能解决我的问题，因为我需要for-循环，因为用户可以使用firstName动态添加多个输入文本和用户。
代码：
<div *ngFor="let el of users.departments.admins; let i=index; t
浏览 0提问于2019-07-29得票数 3
回答已采纳
2回答
使用多个无线电台框禁用多个输入字段
javascript、html、angular
我试图禁用3个输入字段时，选择第一个单选框，第二个单选按钮启用移位开始和结束输入，而第三个启用所有三个。我可以禁用或启用所有输入字段或禁用它们。我现在被困在这里了。无法理解如何只启用两个输入。
这是代码
<form name="contactForm">
<div class="form-group">
<label for="shiftdetails">Select the type of details.</lab
浏览 5提问于2020-06-22得票数 2
回答已采纳
3回答
从数据中选中“角5”复选框
javascript、angular、typescript、angular5
在我的应用程序中，数据来自带有嵌套数组的服务器，但是如果选中复选框或不选中复选框，则没有选中字段，因此我添加了这个字段和foreach循环。即使是真或假，该字段也没有任何效果。我的代码如下。
this.testservice.getQuestions()
.subscribe(
resultArray => {
this.questions = resultArray;
this.questions.forEach(element => {
element.Awnsers
浏览 0提问于2018-12-15得票数 0
回答已采纳
2回答
Angular 2-将ngFor创建的复选框绑定到布尔数组
angular、checkbox、bind、angular-ngmodel
我使用ngFor动态创建一个项目下拉列表，循环通过一个字符串数组(从SQL查询获得)，保存在服务中。
<li *ngFor="let vehicleClasses of getVehicleClassList(); let i = index" (click)="toggleCheckBox(i)">
<a>
<input type="checkbox" id="vehCB_{{i}}"/>{{vehicleClasses}}
</a>
</li>
下拉菜
浏览 1提问于2016-10-19得票数 1
1回答
在Angular中使用页面上组件的2个实例
angular
我有一些自定义复选框的组件，我想在网站上的不同地方使用(不重复样式，标记等。但问题是-我得到了这个组件的相同实例。因此，当我单击第一个或第二个复选框时，我更改了第一个复选框组件的“选中”状态(无关紧要)。我需要这两个“复选框”组件将是两个不同的实例，并具有不同的属性。Angular2+有可能吗？
Checkbox组件：
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
@Component({
selector: 'checkbox',
tem
浏览 4提问于2017-06-30得票数 0
1回答
Angular5在单击时获取输入值
angular
我有一个表单，如果复选框被选中，我希望通过isChecked函数提交该值。但我不能让它工作。我在isChecked({{user.username}})上试过了，但这不起作用。有什么想法吗？
<form #a="ngForm" (ngSubmit)="addGamers(a)">
<ul class="list-group gamer-list">
<li class="list-group-item agamer" *ngFor="let user of
浏览 7提问于2018-01-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
