TypeError:self.context.newUser在Angular2上未定义

AFS

当我尝试在模板上添加输入文件时,出现此错误 TypeError: self.context.newUser is undefined

这是组件

import { Component } from '@angular/core';
import { OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { User } from './user';
import { UserService } from './user.service';


@Component({
  selector: 'vista3',
  templateUrl: 'app/vista3.component.html',
  styleUrls:['app/vista3.component.css']
})

export class Vista3Component implements OnInit{
  users: User[] = [];
  newUser: User;

  constructor(
    private router: Router,
    private userService: UserService) {
  }

  ngOnInit(){
    this.userService.getUsers().then( users => this.users = users);
  }
}

模板

<div  class="separar">
  <table class="table table-striped">
      <tr>
        <th>Nombre</th>
        <th>Apellido</th>
      </tr>
        <tr *ngFor="let user of users">
          <td>{{user.name}}</td><td>{{user.lastName}}</td>
        </tr>
  </table>
</div>
<div  class="separar">
  <div class="row">
    <div class="col-xs-12 col-md-3">
      Nombre: <input [(ngModel)]="newUser.name"/>
    </div>
  </div>
</div>

和用户类别

export class User{
  name: string;
  lastName: string;
}

我不知道我缺少什么,如果有人看不到这个问题,angular2和打字稿对我来说是新的...

安德烈·兹特克维奇(Andrei Zhytkevich)
  1. 看起来您从未给newUser类成员分配任何东西

  2. 该行中的触发器中的错误[(ngModel)]="newUser.name"

您尝试获取name来自undefined我建议使用?.运算符。

<input [(ngModel)]="newUser?.name"/>

并在构造函数中创建一个空用户:

  constructor(
    private router: Router,
    private userService: UserService) {

    this.newUser = new User;
  }

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Angular2:TypeError“此”。未定义

TypeError:self.parent.parent.context.parseInt不是函数

NgZone / Angular2 / Ionic2 TypeError:无法读取未定义的属性“运行”

“ context.auth.uid” TypeError:无法读取未定义的属性'uid'

如何删除嵌套对象的项目//错误TypeError:“ _ v.context。$ implicit未定义”

angular2:错误:TypeError:无法读取未定义的属性“ ...”

Angular2 OnInit 数据加载太慢导致未定义的 TypeError

TypeError:无法读取angular2中未定义的属性“ 0”以在datepicker中使用索引

Webpacked Angular2应用程序TypeError:无法读取未定义的属性“ getOptional”

Angular2:TypeError:无法读取未定义的属性“ Symbol(Symbol.iterator)”

回调在Angular2 / Firebase中生成“ TypeError:这是未定义的”

angular2 TypeError:无法设置未定义的属性“名称”

Typescript / Angular2 TypeError:无法读取未定义的属性

调用组件函数时,self.context不是Angular2中的函数

警告:从SubmitForm()捕获了未处理的错误,[TypeError:未定义不是对象(正在评估'_context.t0.response.data')]

Google Picker API + Angular2收到未捕获的TypeError:无法读取未定义的属性'handleAuthResult'

使用Angular2中的动态组件时出现错误“错误TypeError:无法读取未定义的属性'createComponent'”

TypeError:在angular2中执行单元测试时,无法读取未定义故障的属性“快照”

TypeError-函数未定义-Angular 2

Angular 2 TypeError:无法读取未定义的属性“ toUpperCase”

office.context.mailbox 未定义

Angular 2模型函数插值-self.context。$ implicit.X不是函数

boost :: asio :: ssl :: context :: context(boost :: asio :: ssl :: context_base :: method)未定义符号

如何解决 self.context.anim is not a function error in ionic 2?

self.context.openSnackbar 不是函数

使用Context API传递数据时值未定义

对于类型ContextCompat,未定义方法checkSelfPermission(Context,String)。

nestjs context.swithToHttp()。getRequest()返回未定义

对于类型NetworkChangeReceiver,未定义方法isNetworkAvailable(Context)

TOP 榜单

热门标签

归档