Question

我正在与Ionic2和Angular2合作开展一个项目。尝试运行ionic serve时，将检索数据而不会出现任何错误。但是，当尝试在ios上运行并运行ionic build ios时，我收到以下编译时错误，该属性不存在。

还有其他人遇到过这个问题吗？

我感谢任何建议。

home.ts

import { Component } from '@angular/core';
import { ProfileService } from './profile.service';

@Component({
    selector: 'home',
    templateUrl: 'home.html',
    providers: [ProfileService]
})
export class HomePage {

    constructor(public d: HomeService){
        this.loadData();
    }

    loadData() {
     this.d.fbPromise.then( (FB) =>    this.data.getData(FB)).then(response => {
         this.data = response;
     });
   }
}

home.html的

<ion-header>
    <ion-navbar>
        <ion-title>Home</ion-title>
    </ion-navbar>
</ion-header>

<ion-content>

    <div class="profile-content" padding>
        <div class="content-header">
            <h2 class="name">{{ this.data.name }}</h2>


        <div class="interests-content">
            <h3>interests</h3>

            <span *ngFor="let interest of this.data.interests" >
                {{ interest.title }} : {{interest.name}}
            </span>
        </div>
    </div>
</ion-content>

编译时间错误：

[10:10:18]  Error: Error at /Users/zzz/Sites/angular-app/Flah/.tmp/pages/home/home.ngfactory.ts:330:47 
[10:10:18]  Property 'name' does not exist on type 'HomeService'. 
[10:10:18]  Error at /Users/zzz/Sites/angular-app/Flah/.tmp/pages/home/profhomeile.ngfactory.ts:349:72 
[10:10:18]  Error at /Users/zzz/Sites/angular-app/Flah/.tmp/pages/home/phomerofile.ngfactory.ts:354:72 
[10:10:18]  Property 'interests' does not exist on type 'HomeService'. 
[10:10:18]  ngc failed 
[10:10:18]  ionic-app-script task: "build" 
[10:10:18]  Error: Error

Answer 1

请勿在视图绑定中使用this

{{ this.data.name }}<

应该是

{{ data.name }}<

Answer 2

更改依赖注入中导入的服务文件的名称

从'./profile.service'导入{ ProfileService };

构造函数(公共 d:ProfileService){}

属性在类型上不存在

2 个答案: