-
0 votesanswersviews
ng2-nouislider使用反应形式的文本输入
我有一个反应形式,有一个使用ng2-nouislider的范围滑块 . 它适用于所有精细和花花公子,但我希望滑块附带两个显示当前最小/最大值的文本输入字段,但也允许用户手动输入值 . 它还应该具有双向绑定,以便视图将使用任一方法更新 . TS看起来像这样,表单有点嵌套: this.myForm = this.formBuilder.group({ ..., foo: this.formBu... -
5 votesanswersviews
Angular2 - 防止检查复选框
我有一个表格,每行包含一个复选框 . 在表 Headers 中,我有一个 Check All 复选框,可以切换所有表行框 . 我试图实现一些逻辑,如果复选框的数量将超过特定限制,显示错误,不要切换表行复选框或 checkall 框本身 . 有一个问题是允许 checkAll 框被检查,即使我正在返回 false . 我的绑定问题? HTML: <input type="check... -
1 votesanswersviews
输入复选框元素的双向数据绑定
我的问题是这样的: 我有这个数组和变量: // the options public items = [{id: 1, main: true}, {id: 2, main: false}, {id: 3, main: false}]; // the selected option public selectedItem = this.items[0]; 我的HTML看起来像这样: <se... -
9 votesanswersviews
设置ngModel默认值angular 2
在角度为2的ngModel中遇到问题 . 有一项任务是从组件类中的数组输出几个输入 . 发现了一种可能使ngModel从[name]属性中获取其值而不包含[()]中的ngModel . 我想知道是否有办法为这些输入提供默认值 . personal-details.component.ts: import { Component, } from '@angular/core'; impor... -
8 votesanswersviews
ngFor中的Angular2 ngModel
我试图从我的输入绑定一个字符串数组,所以在html文件中我写了这个: <div *ngFor="let word of words; let in=index" class="col-sm-3"> <div class="form-group"> <input type="... -
8 votesanswersviews
Angular 2:默认选中ngFor中的复选框
我正试图在我的ngFor内的复选框上设置默认值 . 这是我的复选框项目数组: tags = [{ name: 'Empathetic', checked: false }, { name: 'Smart money', checked: true }, { name: 'Minimal help after writing check', checked: false },... -
1 votesanswersviews
形式为Angular2 ngModel . 防止更新基础模型[重复]
这个问题在这里已有答案: Angular2 - Update model on button click 3个答案 我在这样定义的组件中具有这些属性 . userDataDefinitions:Array<userDataDefinition>; currentDefinition:userDataDefinition = null; 然后我有一个表单,它根据currentDef... -
3 votesanswersviews
(ngModel)没有反映在更改事件处理程序中
在我使用Angular 2开发的应用程序中,在选择下拉列表时,ngModel会更新组件中声明的变量,但该值不会反映在下拉列表的“change”事件处理程序中 . 这是有关的HTML代码 . <div class="modal-body"> <form #wallForm="ngForm" (ngSubmit)... -
1 votesanswersviews
如何将对象属性绑定到angular2中的文本框
我是Angular的新手,我正在尝试绑定由模型对象的文本框组成的表单 . 但我收到一个错误,如“Unhandled Promise rejection:模板解析错误:无法绑定到'NgModel',因为它不是'input'的已知属性” 我在谷歌投入了大量时间,但仍存在问题 以下是我的代码 . html: <div> <div class="col-sm-6 fo... -
-1 votesanswersviews
是否有可能破解Angular 2禁用的输入标签?
例如,我在组件的模板中有这部分代码: <input type="text" class="form-control" [(ngModel)]="profileUser.role" name="role" [disabled]="!isAdmin"> 在我的组件模块中,我有: if (t... -
0 votesanswersviews
Angular 2 ngModel和带select元素的索引
我有一个像这样的循环 <template ngFor let-game [ngForOf]="(games)" let-index="index"> <tr> <td> <select [(ngModel)]="selectedPrice" clas... -
0 votesanswersviews
如何使用NgForm,angular2中的NgModel类引用表单的字段来添加验证器?
我想通过Angular2中的Validators将一些 validation 添加到表单的字段中: 我将 ngForm 绑定到这样的形式: #form="ngForm" 对于我绑定的字段 ngModel : #field="ngModel", [(ngModel)]="model.field" type="text&qu... -
0 votesanswersviews
如何使用ngModel从mat-select / mat-option中选择ID
我有一个显示项目列表的表 . 此表使用ngModel进行数据绑定,因此我可以在同一页面上编辑表单中的项目 . 表单有一个动态填充的mat-select组件 . table : <mat-table #table [dataSource]="trades" matSort> ..... ..... <ng-container matCol... -
4 votesanswersviews
如何为延迟加载angular 2 NgModule中的loadchildren提供正确的路径名?
如何在角度2 ngmodule的app-routing.module文件中为loadchildren提供正确的路径名,我遵循角度主网站中的ngmodule概念,但它没有给出这样的信息 . 我收到app-routing.module路径的问题,我需要在路径名中指定,有这个问题,延迟加载不工作 . 所有文件一次加载,有人可以帮忙吗?在misschildrens的路径中我想念的是什么?紧随其后Angul... -
44 votesanswersviews
子组件中的Angular 2 ngModel更新父组件属性
我创建了一个简单的UI,它包含两个组件(父和子) . UI的作用是当我在Child组件的输入框中键入一些内容时 . 该值将使用ngModel更改 . 子组件以这种方式正常工作 . // Child Component @Component({ selector: 'child', template: ` <p>{{sharedVar}}</p>... -
4 votesanswersviews
Angular - 没有将“exportAs”设置为“ngModel”的指令
以下是AngularJS项目中的文件 . 正如一些帖子所建议的那样,我补充说: ngModel name="currentPassword" #currentPassword="ngModel 在输入字段中,但仍然出错 . package.json ......... "dependencies": { "@angula... -
1 votesanswersviews
Angular 2 - ngModel未从datepicker更新
我有一个绑定到模型中的值的输入 . <input type="text" class="form-control" [(ngModel)]="currentDate"> 我有一个用于填充此输入的日期选择器 . 当通过datepicker选择一个值时,输入似乎不会更新模型,因为它没有在代码中向下发射管道 . However ,... -
1 votesanswersviews
角度2的“修剪”指令并反映对ngModel的更改
我想创建Angular 2指令,它只会从用户输入到输入字段的文本的开头和结尾处确定空格 . 我有输入字段 <input trim name="fruit" [(ngModel)]="fruit"/> 和指令 import {Directive, ElementRef} from "@angular/core"; @Dire... -
2 votesanswersviews
Angular 4 - 如何在输入类型中使用货币管道
我有一个HTML输入: <input [(ngModel)]="item.value" name="inputField" type="text" /> 我想格式化它的值并使用现有的管道: .... [(ngModel)]="item.value | currency:'USD':true" ..... ... -
1 votesanswersviews
angular 5 ngModelOptions updateOn multipile事件
我希望我的输入模型更新了多个事件:现在,我已经看到angular 5支持一个事件,例如 - [ngModelOptions] = {updateOn:'blur'} . 我可以有多个例子:[ngModelOptions] = {updateOn:'blur submit'} 我认为角度1支持这一点 . soultion 我想更新两个事件的模态 - 模糊和提交: 我使用[ngModelOpti...