加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angular2反应形式|未捕获的TypeError:无法设置只有getter的[obj

发布时间:2020-12-17 17:44:17 所属栏目:安全 来源:网络整理
导读:我正在尝试实现angular2反应形式,但在加载组件时出现运行时错误 未捕获的TypeError:无法设置只有getter的[object Object]的属性堆栈 这个错误并不完全清楚,所以我很难弄清楚发生了什么.我跟着一个angular university article.我想也许有一些重大的变化,所以
我正在尝试实现angular2反应形式,但在加载组件时出现运行时错误

未捕获的TypeError:无法设置只有getter的[object Object]的属性堆栈

这个错误并不完全清楚,所以我很难弄清楚发生了什么.我跟着一个angular university article.我想也许有一些重大的变化,所以我检查了angular2更改日志,但没有发现任何与我的问题有关的反应形式.

任何帮助将在这里受到赞赏.我将继续寻找解决方案.

addevent.component.ts

@Component({
  selector: 'addevent',templateUrl: 'addevent.component.html',styleUrls: ['addevent.scss']
})
export class AddEvent {

  // vars
  private _addEventForm:FormGroup;
  private _eventTitle:FormControl;
  private _eventDescription:FormControl;

  constructor(private _addEventService:AddEventService,private _formBuilder:FormBuilder) {
    // init vars
    this. _eventTitle = new FormControl('',Validators.required);
    this._eventDescription = new FormControl('',Validators.required);
    this._addEventForm = _formBuilder.group({
      'eventTitle': this._eventTitle,'eventDescription': this._eventDescription
    });
  }

  private addEvent():void {
    console.log(this._addEventForm);
    //this._addEventService.addEvent();
  }

}

addevent.component.html

<div class="h3 content-title">Add Event</div>

<form [formGroup]="_addEventForm" (ngSubmit)="addEvent()">
  <p>
    <label>Title</label>
    <input type="text" formControlName="eventTitle">
  </p>
  <p>
    <label>Description</label>
    <input type="text" formControlName="eventDescription">
  </p>
  <p>
    <button type="submit" [disabled]="_addEventForm.invalid">Submit</button>
  </p>
</form>

dashboard.module.ts

@NgModule({
  declarations: [Dashboard,Navbar,Sidebar,Home,Profile,Events,AddEvent],imports: [BrowserModule,FormsModule,ReactiveFormsModule,HttpModule],providers: [ContentSwap,SidebarActivity,AuthService,FirebaseAuthService]
})
export class DashboardModule {}

解决方法

我有时会得到同样的错误.看起来像是最新的zonejs / angular中的一个bug.要获得真正的错误,请在堆栈上放置一个断点,从该错误处抛出此错误.您的真正错误将是它崩溃的函数的输入参数.

如果您需要更多细节https://github.com/angular/zone.js/issues/427

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读