小编Kam*_*aja的帖子

一段时间以来，我一直在努力解决这个问题。

当我仅在条件为真时尝试在表单中输入时，我收到一个错误，即无法从 undefined 中读取无效。

使用 elvis 运算符时，我不再收到错误消息，但即使显示输入无效和脏，我仍然看不到错误消息。

<form #myForm="ngForm">
    ... other inputs ...

    <input *ngIf="model.type === 'V'" 
        name="price"
        type="number"
        required
        [(ngModel)]="model.price"
        #price="ngModel">
    <div class="errors" *ngIf="price?.invalid && price?.dirty">
        Problem detected
    </div>
</form>

有人暗示我缺少什么吗？

我已经导入了从spring boot initialiazr网站生成的spring boot项目，但找不到该项目spring boot软件包。

请看下面的图片

请帮忙

我的要求是将代码中的事件触发到父托管组件.

我在这里使用第一个答案作为参考:angular2手动触发特定元素上的click事件

如果我尝试这个,它运作良好:

this.itemHost.viewContainerRef.element.nativeElement.dispatchEvent(new Event('click'));

在父组件中我写了这个:

(click)="go()"

当上述代码出现时,它到达go方法.

但是,如果我使用一些自定义事件名称,这不起作用,例如:

this.itemHost.viewContainerRef.element.nativeElement.dispatchEvent(new Event('customEvent'));

并在父组件中:

(customEvent)="go()"

如何使用自定义事件进行操作？

我正在尝试以 angular 5 反应形式捕获 FormArray 控件的 valueChanges 事件。我有正常的表单组 valueChanges 事件和相同的工作正常但不适用于 formArray 控件。

我已将我的表单组定义为 -

this.ApplicationForm = this.fb.group({
  ApplicationPenalties: this.fb.array([this.preparePenaltyDetails()])
});

并初始化表单数组如下 -

preparePenaltyDetails(): FormGroup {
    return this.fb.group({
      Id: '',
      ApplicationId: '',
      RevisionNo: '',
      PenaltyMwh: ''
    });
  }

当我从我的 api 获取数据时，我将控件设置为 -

this.ApplicationForm.setControl('ApplicationPenalties', this.fb.array(this.application.ApplicationPenalties
              .map(x => this.fb.group(x)) || []));

我的 html 模板如下 -

<div formArrayName="ApplicationPenalties" *ngFor="let penalty of ApplicationPenalties.controls; let i=index">
                    <div [formGroupName]="i">
                      <div class="row pocCharges">
                        <div class="col-md-6">
                          <div class="form-group">
                            <h4 class="d-sm-block">Revision Number</h4>
                            <div class="input-group">
                              <input class="form-control form-control-sm" formControlName="RevisionNo" type="text">
                              <span …

当您输入公式时，我试图在我的应用程序中重现类似于 Microsoft Excel / Google Sheets 的用户体验，并且您可以使用不同的公式和变量来自动完成下拉菜单。

为此，在验证自动完成功能后，我希望能够控制光标的位置。

例如，如果我输入=sum（变量1，变量2），则在变量2自动完成时，光标应该位于最后一个括号之前，而不是在最后。

我了解如何使用javascript设置光标的位置，问题是因为我同时修改输入的值并设置光标位置，后者不起作用。

我用更简单的上下文重现了问题： https ://jsfiddle.net/joparisot/j8ourfa1/31/

我的HTML：

<div id="app">
    <autocomplete v-model="selection"></autocomplete>
</div>

<template id="autocomplete">
  <div>
    <h2>gernerogrnio</h2>
    <input id="my-input" 
           class="form-control" 
           type="text" 
           :value="value"
           @keydown.enter="updateValue($event.target.value)">
    <p>{{ value }}</p>
  </div>
</template>

我的脚本：

    Vue.component('autocomplete', {
    template: '#autocomplete', 
  props: {
    value: {
      type: String,
      required: true
    }
  }, 
  methods: {
    updateValue (value) {
        var new_value = ''
      if (value.length < 4) {
        new_value = 'Inferior'
      } else {
        new_value = 'Superior'
      }

      this.$emit('input', new_value)
      var myInput = document.getElementById('my-input');
      this.setCaretPosition(myInput, …

我尝试了很多次搜索次数，但我没有得到任何禁用 div 元素点击的解决方案。已经提出问题，但他们说在 div 上不可能，我只想知道，有没有办法在angular2 中禁用 div

<div>(click)="isDisabled ? $event.stopPropagation() : myClickHandler($event); isDisabled ? false : null"
   [class.isDisabled]="isDisabled"></div>