标签: angular2-forms

我使用 formBuilder 制作了 formGroup 和 formControl。

下面的代码是我的代码的一部分。

companyPhoneFormGroup: fb.group({
    companyPhone: fb.group({
        head: [ '', Validators.required ]
    })
})

我想向我的用户显示这样的本机警报，而无需在 html 模板中写入“必需”。我找不到这个方法 请帮我。谢谢。 在此输入图像描述

我正在更新一个用 Angular 4 制作的项目。该网站由多个表单组成，其中包括输入字段。当用户按下“输入”时，表单就会被提交。我想阻止这种情况发生。我怎样才能做到这一点？

我可以在引号内添加一些内容来阻止提交操作的发生：(keydown.enter)=""

表单.组件.html

<div class="d-flex justify-content-center hm-row">
  <form class="hm-form" [formGroup]="crossingForm">
    <div class="form-group">
      <label for="dynamicThresholdTime">{{ 'CROSSING.DYNAMIC_THRESHOLD_TIME' | translate}}</label>
      <input type="text" class="form-control" id="dynamicThresholdTime" placeholder="" formControlName="dynamicThresholdTime">
     </div>
     <...more code...>
   </form>
</div>

我在表单控制下有一个输入，我尝试使用 chrome 调试控制台手动修改。

jQuery($0).trigger('focus')
jQuery($0).val('2')
jQuery($0).trigger('input')
jQuery($0).trigger('change')
jQuery($0).trigger('blur')

问题已更改不会被选中，该字段仍标记为必填。我不知道 Angular 在内部做什么或者它正在监听哪个事件。
我尝试发送该输入上的每个事件，
对如何使角度获取该值有任何想法吗？

注意：这里的 angular1 问题不起作用

这里我有类文件

export class Emp{
EmpId:number;
EmpName:String,
EmpSal:string
}

我如何编写静态对象，如 EmpId=1,EmpNamw=john,Empsal=200 EmpId=2,EmpName=smith,EmpSal=300

我正在使用 Angular 6，我想为我在下面编写的代码做可扩展的搜索栏。

我的代码

现在我的问题是我想在聚焦时在搜索框中输入值后停止转换。如果搜索栏为空，则会发生转换。请帮忙。

有没有办法将ngForm用于某些元素(不是form元素)？

// ERROR
<div #sampleForm="ngForm">
  ...
</div>

我听说form元素有一个ngForm应用实例,它提供了一些功能.但我想知道如何在某些元素中获取ngForm的实例.

我环顾四周，找不到任何确定的方法-您可以将ng2-bootstrap datepicker与Angular2模型驱动的表单一起使用，还是仅适用于模板表单？

该文档介绍了选择器，以便您可以按以下方式使用它（作为示例）：

<datepicker [(ngModel)]="startDate" ></datepicker>

...似乎确实有效。理想情况下，我想这样使用它：

<datepicker formControlName="startDate" ></datepicker>

...但似乎开箱即用。有没有办法将此模块与模型驱动的表单一起使用？如果没有，是否存在一种适用于模型驱动表单的合理替代方案？（我也尝试过ng2-datepicker，但是有一个突出的错误使SystemJS难以使用，这很不幸，因为它看起来很光滑）。

我有一个FormGroups的FormArray。眼下FormArray，experiences具有一个目的，含有3所控制，一个FormGroup companyName，jobDescription，和yearsWorked。问题是，当我console.log FormArray对象时，我看到数据对象的工作方式如下：FormArray.controls.FormGroup.controls。我不知道在这里叫FormGroup是什么，所以我可以访问它。因此，HTML将类似于：

<div *ngFor="let exp of experiences.controls.[what do I call this?].controls"> 
    <input [formControlName]="n" placeholder="Experience"> 
</div>

文件本身可以在这里看到。

不工作的矮人

我想根据下拉选项显示JSON数据中不同的不同值.

<div>
    <label for="input-one">select</label>
</div>
<div>
    <select>
        <option value="">--- Select ---</option>
        <option value="1">option1</option>
        <option value="2">option2</option>
        <option value="3">option3</option>
    </select>
</div>

这是下拉选择.根据选择显示JSON数据的最佳方法是什么？

例如:

• 如果选择1,它应该显示来自JSON数据的2个值.
• 如果选择2,则应显示JSON数据中的3个值.
• 如果选择3,则应显示所有JSON数据.

我想在Angular 2中这样做.请建议我可能是什么解决方案.

是否可以将Angular2与AngularJS混合使用？例如,在AngularJS应用程序中,有一个按钮,单击该按钮时会显示Angular2表单.什么方法合适？我应该在不同的服务器上安装应用程序,还是将Angular2应用程序重写为AngularJS？