角度-错误TypeError:无法读取未定义的属性'title'

用户名

我将Laravel端点称为Angular7。我有两个表smsmo和包。smsmo具有package_id作为package(id)的外键。我想显示标题而不是package_id。我在控制台中收到此错误。

错误

角度的

短信

import { User } from '../models/user';
import { Telco } from '../models/telco';
import { Package } from '../models/package';

export class Smsmo {
    id: number;
    msisdn: string;
    message: string;
    short_code_called: string;
    packaged_id: string;
    error_message: string;
    error_code: string;
    telco: string;
    user_id: number;

    user?: User;
    telcoId?: Telco;
    package?: Package;

    constructor() {}
}

import { User } from '../models/user';
import { Services } from '../models/services';

export class Package {
    id: number;
    title: string;
    descriptions: String;
    price: string;
    days: number;
    service_id: number;
    key_word: string;
    welcome_message: string;
    amount: string;
    user?: User;

    service?: Services;
    constructor() {}
}

smsinbox.component.ts(smsmo)

export class SmsInboxComponent implements OnInit {

    smsmos: Smsmo[];
    isLoading: Boolean = false;
    public searchText: string; 
    public filter: string;  

    constructor(private smsmoService: SmsmoService) { }

    ngOnInit() {

        // Get Bulk SMS Inbox detail
        this.getSmsmos();    

        window.dispatchEvent(new Event('resize'));

        document.body.className = 'skin-blue sidebar-mini';
    }

    ngOnDestroy(): void {
        document.body.className = '';
    }

     getSmsmos(): void {
         this.isLoading = true;
         this.smsmoService.getSmsmos()
            .subscribe(
                response => this.handleResponse(response),
                error => this.handleError(error));
            }
}

smsinbox.component.html

<tr  *ngFor="let smsmo of smsmos; let i = index">
    <td>{{i + 1}}</td>
    <td>{{smsmo.msisdn}}</td>
    <td>{{smsmo.short_code_called}}</td>
    <td>{{smsmo?.package['title']}}</td>
    <td>{{smsmo.error_message}}</td>
    <td>{{smsmo.error_code}}</td>

</tr>

问题出在

{{smsmo?.package ['title']}}

我想显示来自package(id,title)的标题,而不是smsmo(id,package_id)中的package_id,我该怎么办。

除此之外,其他所有东西都工作正常。

马尔萨尔马维

似乎软件包未定义,为什么会出现此错误

 <td>{{smsmo?.package?.title || 'Not available' }}</td>

或者您可以将ng-container与ngIf指令一起使用以检查包对象

<ng-container *ngIf="smsmo?.package; else default ">
    <td>{{smsmo?.package.title}}</td>
</ng-container>
<ng-template #default>
    <td> Not available </td>
</ng-template>

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

错误TypeError:无法读取角度未定义的属性'closeRow'

TypeError:无法读取未定义反应命中的属性“ title”

角度:错误类型错误:无法读取未定义的属性___

TypeError:无法读取未定义角度的属性“ childNodes”

TypeError:无法读取未定义的属性'requestContent'。HMR。角度的

TypeError:无法读取未定义角度2的属性“ http”

TypeError无法读取未定义的属性“ length”-角度4

TypeError:无法读取未定义角度的属性“发射”

角度测试-TypeError:无法读取未定义的属性“ 7”

错误TypeError:无法读取未定义的Angular Firebase的属性'title'

错误:未捕获(承诺):TypeError:无法读取未定义的属性“ title”

VueJs [Vue警告]:渲染错误:“ TypeError:无法读取未定义的属性'title'”

角度4错误TypeError:无法读取未定义的属性“脏”

错误TypeError:无法读取未定义角度4的属性“无效”

角度6:错误TypeError:无法读取未定义的属性“ toLowerCase”

错误TypeError:无法读取角度高图表中未定义的属性“ 0”

错误TypeError:无法读取未定义的属性“值”:角度6

错误TypeError:无法读取角度4中未定义的属性'createComponent'

角度生成错误:TypeError:无法读取未定义的属性“ line”

角度组件测试错误:TypeError无法读取未定义的属性“ subscribe”

错误TypeError:无法读取POST HTTP调用上未定义的属性“ subscribe”-角度[8]

角度错误TypeError:无法设置未定义的属性“名称”

角度:错误错误:未捕获(承诺):类型错误:无法读取未定义的属性“设置”

(RSS Feed)未捕获的TypeError:无法读取未定义的属性“ title”

Angular 2-未捕获(承诺):TypeError:无法读取未定义的属性“ title”

如何修复'TypeError:无法读取Javascript中未定义的属性'title'

角度数据表:错误错误:无法读取未定义的属性“ then”

错误类型错误:无法读取未定义的 ngx-translate 角度打字稿的属性“即时”

角度路由给出错误类型错误:无法读取未定义的属性“init”