第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

錯誤 TypeError:無法在新的 UserComponent 處設(shè)置未定義的屬性

錯誤 TypeError:無法在新的 UserComponent 處設(shè)置未定義的屬性

慕沐林林 2023-05-19 14:54:54
我是 Angular 的新手。我創(chuàng)建了一個簡單的 UserComponent 并且在類中有一個名為 user 的對象,它包含用戶的所有屬性,如 firstname , lastname , age ,email 但是當(dāng)我嘗試在類構(gòu)造函數(shù)中訪問這些屬性并設(shè)置它們的值時,我得到控制臺中的錯誤提示無法設(shè)置未定義的名字屬性或無法設(shè)置未定義的姓氏屬性。我不知道是什么問題。這是代碼:import { Component, OnInit } from '@angular/core';@Component({  selector: 'app-user',  templateUrl: './user.component.html',  styleUrls: ['./user.component.css'],})export class UserComponent {  user: {    firstname: string;    lastname: string;    age: number;    email: string;  };  constructor() {    this.user.firstname = 'Muhammad';    this.user.lastname = 'Shaeel';    this.user.age = 23;    this.user.email = 's123@yahoo.com';  }}
查看完整描述

4 回答

?
萬千封印

TA貢獻1891條經(jīng)驗 獲得超3個贊

你定義了一個類型,但它的值仍然是undefined


import { Component, OnInit } from '@angular/core';


export class User {

    constructor(

        public firstname: string,

        public lastname: string,

        public age: number,

        public email: string,

    ) { }

}


@Component({

    selector: 'app-user',

    templateUrl: './user.component.html',

    styleUrls: ['./user.component.css'],

})

export class UserComponent {

    user: User;

    // Another option

    // user = new User('Muhammad', 'Shaeel', 23, 'shaeel678@gmail.com');


    constructor() {

        this.user = new User('Muhammad', 'Shaeel', 23, 'shaeel678@gmail.com');

    }

}

Stackblitz示例


查看完整回答
反對 回復(fù) 2023-05-19
?
MMMHUHU

TA貢獻1834條經(jīng)驗 獲得超8個贊

這對我有用


export class UserComponent {

user = {

firstname: '',

lastname: '',

age: 0,

email: ''

};


查看完整回答
反對 回復(fù) 2023-05-19
?
蕭十郎

TA貢獻1815條經(jīng)驗 獲得超13個贊

如果您只是想user在內(nèi)部包含對象UserComponent而不為其聲明單獨的類,您也可以這樣做:


import { Component } from '@angular/core';


@Component({

  selector: 'app-user',

  templateUrl: './user.component.html',

  styleUrls: ['./user.component.css']

})

export class UserComponent {

  user = {

    firstname: "",

    lastname: "",

    age: -1,

    email: ""

  };


  constructor() {

    this.user.firstname = 'Muhammad';

    this.user.lastname = 'Shaeel';

    this.user.age = 23;

    this.user.email = 'shaeel678@gmail.com';

  }

}


查看完整回答
反對 回復(fù) 2023-05-19
?
浮云間

TA貢獻1829條經(jīng)驗 獲得超4個贊

用戶對象為空,


試試下面


import { Component, OnInit } from '@angular/core';


export interface IUser: {

    firstname: string;

    lastname: string;

    age: number;

    email: string;

  };


@Component({

  selector: 'app-user',

  templateUrl: './user.component.html',

  styleUrls: ['./user.component.css'],

})

export class UserComponent {

  user: IUser = {

    firstname: '',

    lastname: '',

    age: null,

    email: ''

  };


  constructor() {

    this.user.firstname = 'Muhammad';

    this.user.lastname = 'Shaeel';

    this.user.age = 23;

    this.user.email = 'shaeel678@gmail.com';

  }

}


查看完整回答
反對 回復(fù) 2023-05-19
  • 4 回答
  • 0 關(guān)注
  • 185 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號