如何在Angular 2 RC5中处理复选框组？
在Angular 2 RC5中处理复选框组的方法如下：
- 在组件的HTML模板中，使用ngFor指令循环渲染复选框组的选项，并绑定每个复选框的值和选中状态。
<div *ngFor="let option of options">
<label>
<input type="checkbox" [value]="option.value" [(ngModel)]="selectedOptions" name="selectedOptions">
{{ option.label }}
</label>
</div>- 在组件的Typescript代码中，定义一个数组来存储选中的复选框的值。
selectedOptions: string[] = [];- 如果需要在选中状态发生变化时执行一些逻辑操作，可以监听selectedOptions数组的变化。
ngOnChanges(changes: SimpleChanges) {
// 处理选中状态变化的逻辑操作
}这样，当用户选择或取消选择复选框时，selectedOptions数组会自动更新，你可以通过访问selectedOptions数组来获取当前选中的复选框的值。
相关·内容
1回答
我想在Angular2 (RC5)中创建一个模板驱动的表单，其中将包含一组复选框，这些复选框被限制在对象的特定属性上。现在，我有这样的组，被限制到相应的数组，例如： <label>
<input typeoption" id="option [
浏览 6提问于2016-09-01得票数 9
回答已采纳
应用程序是用Angular2 RC5创建的。在RC5 (没有webpack)，一切都很好。图像如预期的那样出现。升级是通过创建一个新的Angular2安装与Webpack使用角CLI。http://localhost:4200/images/thumbs/2016/09/16/IMG_3879.jpg 404 (Not Found)
在RC5中，同样的精确
浏览 2提问于2016-09-30得票数 1
回答已采纳
我已经使用angular-cli@webpack将我的angular2项目升级到了RC5。现在我想知道，如何在angular2 RC5中访问DesignerComponent中的此参数。
浏览 0提问于2016-08-26得票数 11
回答已采纳
我正在Angular 2 (rc5)和TypeScript (1.8.10)上开发应用程序。Angular 2是在TypeScript上写的，但在node_modules中我看到了js和*.d.ts。在GitHub上寻找资源太难了。如何在WebStorm中为Angular 2添加源代码(在ts中)？
浏览 15提问于2016-08-20得票数 0
我最近将angular应用程序从RC1升级到了RC5。在RC1中，我在app.component.ts中定义了路由： { path: '/dashboard', name: 'Dashboard', component:true },
{ path: '/dashboard/:id/:name', name: 'DashboardName', component: D
浏览 13提问于2016-08-25得票数 1
我正在从Angular 2 RC4升级到RC5import {enableProdMode} from '@angular/core';import { provideRouter } from '@angular/router';
import { XHRBackend } from '@angu
浏览 1提问于2016-08-16得票数 19
回答已采纳
3回答
我有一个使用Http的服务：import { Inject } from '@angular/core';export class OrdersService/core';
import {
浏览 8提问于2016-08-23得票数 4
回答已采纳
我正在将我的Angular2代码迁移到RC5，但是我不知道如何处理我的异常。在RC4中，它是Main.ts中引导过程的一部分：import { NgModule } from "@angular/core";
import { BrowserMo
浏览 16提问于2016-08-11得票数 2
回答已采纳
我有一个Angular10组件(切换开关)，我需要将它包含在我的ag-grid (单元格)的特定列中。目前，我有一个标准的html复选框，如下所示： colDefs: ColDef[] = [ } }
];
浏览 19提问于2020-10-21得票数 0
回答已采纳
我是angular2的新手，我试着从实践中学习。但是我在这里，完全被卡住了！
浏览 3提问于2016-10-12得票数 0
我的angular2应用程序将存在于现有的内容管理系统中。因此，我需要捕获由这个CMS生成的一些“变量”(比如auth令牌等)，并在我的angular2应用程序中使用它们。-- 2.="text/javascript"> packages: {
//sets the root path of the Angular2我
浏览 5提问于2016-02-05得票数 5
回答已采纳
4回答
我正在使用Auth0在我的web应用程序中处理身份验证。我使用的是ASP.NET Corev1.0.0和Angular 2 rc5，通常我对身份验证/安全性了解不多。在中，JWT算法有两种选择: RS256和HS256。这可能是一个愚蠢的问题，但是：
RS256和HS256有什么区别？有哪些用例(如果适用)？
浏览 497提问于2016-08-31得票数 324
回答已采纳
我目前在angular2工作，我对Angular2的某些方面一无所知，所以我的问题是，我曾经在那里使用jquery加载html模板，响应jquery使用html模板，然后将模板附加到视图中，现在如何在Angular2中实现相同的功能。我的场景是，我有一个类型记录类，它有一个相关的html页面，它处理一个复选框onChange事件，为了成功地响应该事件，我想在当前元素中添加一个HTML。
如何创建
浏览 8提问于2018-01-11得票数 1
2回答
我不明白如何在angular2中以模型驱动的形式处理复选框组。<label attr.for="language_{{ language.key }}">{{ language.value }}</label>div是用于样式设计的(自定义复选框如果选中或取消选中复选框(并且没有选中其他复选框)，则输入仍然有效--某种程度上是
浏览 10提问于2016-09-24得票数 6
回答已采纳
我最近将我的angular2应用升级到了最终版本。@Input('component-name') componentName: string;
@Input('component-model但是随着angular2的发布，这个方法已经被弃用了。我不确定如何在angular</e
浏览 13提问于2016-09-19得票数 1
回答已采纳
我正在使用Angular2 RC 5，并尝试实现一个响应式表单(模型驱动)。我这样定义了复选框 all_usage : new FormControl( '' ), tv : new FormControl( '' )有一个按钮，当它被点击时，我喜欢选中组<
浏览 2提问于2017-03-01得票数 2
回答已采纳
如您所见，图像、Groupbox和CheckBoxes都是动态创建的。我感到困惑的是，如果用户从XII2013SIF01选择Sun Tue和Fri，从XII2013SIG02选择Mon Tue Wed和Thr，我如何在单击按钮时将这些复选框值传递到步骤3表单。在第3步表单中，我需要通过它们的组名来识别days，因为根据该处理将会完成。什么技术对我最好，请给我一些指导/建议或建议。
浏览 1提问于2013-05-14得票数 0
我正在用Angular2和FormBuilder & ngFormModel构建一个表单，无法找到一种优雅的方法来验证复选框组中的一个或多个复选框是否被选中。我不想编写一个自定义组件方法来验证复选框组，无论我在哪里使用它们。
浏览 1提问于2016-05-23得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
