为了账号安全,请及时绑定邮箱和手机立即绑定

为什么这个数据不显示

为什么这个数据不显示

C#
哆啦的时光机 2022-11-21 21:32:12

我正在学习 Angular,我从 Visual Studio 中名为 Angular5TF1 的示例项目开始。示例中有一个名为“获取数据”的菜单选项,它模拟从服务器检索数据。我复制了这个方法及其类和页面,并试图让它从我写的方法中检索数据 - 它不起作用..


我从示例中复制了“FetchData”方法及其类和页面,并试图让它从我编写的方法中检索数据。返回值显示正确的值,但当我尝试显示数组中的值之一时,它返回未定义。此外,我返回 10 个值,for 循环打印 10 行,但它们都是空白的。有人可以解释原因并帮助我完成这项工作吗?提前致谢。


从组件 html:


<h1>Interests</h1>


<div class="col-lg-12">&nbsp;</div>


<div class="col-lg-10">

    Interest:&nbsp;<input type="text" id="txtInterest" />&nbsp;<button (click)="test()">Add...</button>

</div>


<div class="col-lg-12">&nbsp;</div>

<div class="col-lg-12">&nbsp;</div>


<div class="col-lg-12">

    <p *ngIf="!personalInterests"><em>Loading Interests, Please Wait...</em></p>

</div>



<table class='table' *ngIf="personalInterests">

    <thead>

        <tr>

            <th>Interest Name</th>

        </tr>

    </thead>

    <tbody>

        <tr *ngFor="let interest of personalInterests">

            <td>{{ interest.InterestName }}</td>

        </tr>

    </tbody>

</table>

从组件


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

import { Http } from '@angular/http';

//import { forEach } from '@angular/router/src/utils/collection';


@Component({

    selector: 'interests',

    templateUrl: './interests.component.html'

})

export class InterestsComponent {

    public personalInterests: PersonalInterest[];


    constructor(http: Http, @Inject('BASE_URL') baseUrl: string) {

        http.get(baseUrl + 'api/Interest/Interests').subscribe(result => {

            this.personalInterests = result.json() as PersonalInterest[];

        }, error => console.error(error));

    }


    public test() {

        alert(this.personalInterests[1].InterestName);

    }

}


interface PersonalInterest {

    InterestName: string;

}


查看完整描述

1 回答

?
海绵宝宝撒

TA贡献1496条经验 获得超8个赞

使用 Camel Case 解决了这个问题。



查看完整回答
反对 回复 2022-11-21
  • 1 回答
  • 0 关注
  • 8 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信