angular2 中比较复杂的数据类型,在单独文件中定义。

发布时间:2019-06-29 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了angular2 中比较复杂的数据类型,在单独文件中定义。脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

如果Angular2书写不规范,那么界面中调用对象属性是会报错的,因为没有初始化变量属性,所以比较复杂的数据类型最好在单独文件重定义,然后引入初始化。
1、定义

export class DetailInfo {
    constructor(
        public userid: string,
        public userNm: string,
        public qqNm: string,
        public instid: string,
        public instfullnm: string,
        public instnm: string,
        public cfname: string,
        public ctname: string,
        public rgstMblph: string,
        public ctcMod1: string,
        public ctcMod2: string,
        public inptChnl: string,
        public dataeSource: string,
        public createtime: string,
        public lsttmusetm: string,
        public lbl: Array<string>,
        public udflbl: string,
        public wxopenid: string,
        public smbsnestatus: string,
        public qqvldestatus: string,
        public vldqq: string,
        public chkuname: string,
        public lsttmchktm: string,
        public state: string
    ) {}
}

2、使用

import {DetailInfo} From "./detail-info";
@component({
    selector: "contacts-detail",
    templateUrl: "./contacts-detail.COMponent.htML",
    styleUrls: [
        "../contacts.component.css"
    ]
})
export class ContactsDetailComponent implements OnInit {
// 使用定义的数据类型
    detailInfo: DetailInfo;
    constructor() {
    
    }
    ngOnInit() {
    // 初始化
        this.detailInfo = {
            userid: "",
            userNm: "",
            qqNm: "",
            instid: "",
            instfullnm: "",
            instnm: "",
            cfname: "",
            ctname: "",
            rgstMblph: "",
            ctcMod1: "",
            ctcMod2: "",
            inptChnl: "",
            dataeSource: "",
            createtime: "",
            lsttmusetm: "",
            lbl: [],
            udflbl: "",
            wxopenid: "",
            smbsnestatus: "",
            qqvldestatus: "",
            vldqq: "",
            chkuname: "",
            lsttmchktm: "",
            state: ""
        };
    }
    selectValue(data: any) {
        // 这里就可以调用方法的属性,不会报错,和界面是一样的
        this.detailInfo.instnm = this.detailInfo.instfullnm.split("--")[1];
        this.detailInfo.instid = this.detailInfo.instfullnm.split("--")[2];
        this.detailInfo.instfullnm = this.detailInfo.instfullnm.split("--")[0];
    }
}

脚本宝典总结

以上是脚本宝典为你收集整理的angular2 中比较复杂的数据类型,在单独文件中定义。全部内容,希望文章能够帮你解决angular2 中比较复杂的数据类型,在单独文件中定义。所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。