尝试添加数组时出现未定义错误

Question

当用户点击按钮时，我必须在示例数组中添加值。下面我发布了代码：

sample_apps.json:

{
     "user": {
        "userId": "maxwell",
        "sample": [

        ]
    }
}

app.component.ts:

import { Component } from "@angular/core";
import { OnInit } from "@angular/core";
import { ObservableArray } from "tns-core-modules/data/observable-array/observable-array";
import { AppService } from "~/app.service";
import { Sample } from "~/sample";

@Component({
    selector: "ns-app",
    templateUrl: "app.component.html",
})

export class AppComponent implements OnInit {

    public obsArr: ObservableArray<Sample> = new ObservableArray<Sample>();


    constructor(private samService: AppService) {

    }

    ngOnInit(): void {

        this.obsArr = this.samService.sampleApps();



    }
    public addSample() {
        console.log("Addding Value");

       this.obsArr[0].samArr.push(3);
       for (let i = 0; i < this.obsArr.length; i++) {
        console.log("Get(" + i + ")", this.obsArr.getItem(i));
    }
    }

}

app.component.html:

<StackLayout>
<Button text="Add Sample" (tap)="addSample()"></Button>
</StackLayout>

app.service.ts:

import { Injectable } from "@angular/core";
import { Sample } from "~/sample";
import { ObservableArray } from "tns-core-modules/data/observable-array/observable-array";
var samJsonData = require("~/sample_apps.json");

@Injectable()
export class AppService {

    public sampleApps(): ObservableArray<Sample> {

        console.log("SampleData", JSON.stringify(samJsonData));

        var sampleArrayList: ObservableArray<Sample> = new ObservableArray<Sample>();

         let sample : Sample = new Sample();
         sample.sampleUserId = samJsonData.user.userId;
         sample.samArr = samJsonData.user.sample;
         sampleArrayList.push(sample);

        return sampleArrayList;
    }

}

Sample.ts:

  import { ObservableArray } from "tns-core-modules/data/observable-array/observable-array";


export class Sample{

    sampleUserId : number;

    samArr: ObservableArray<any> = new ObservableArray<any>();;    
}

出现运行时错误:

CONSOLE ERROR [native code]: ERROR TypeError: undefined is not an object (evaluating 'this.obsArr[0].samArr')

预期输出：

当用户点击“添加示例”按钮时，我期望输出如下所示：

{
     "user": {
        "userId": "maxwell",
        "sample": [
           12
        ]
    }
}

当用户单击按钮时，必须将数字添加到该示例数组中。

Answer 1

我改变了：

this.obsArr[0].samArr.push(3);

对此：

this.obsArr.getItem(0).samArr.push(3);

解决这个问题。

现在我在控制台中得到了预期的结果：

 Get(0) {
"samArr": [
3
],
"sampleUserId": "maxwell"
}

尝试添加数组时出现未定义错误

Getting undefined error when trying to add array

angular

typescript

nativescript

angular2-services

nativescript-angular