Angular NG2339:类型';上不存在属性;对象';

Angular NG2339:类型';上不存在属性;对象';,angular,Angular,我尝试重复以下代码: 但是不能,因为返回了如下错误: src/app/page/page.component.html:1:28-错误NG2339:类型“Object”上不存在属性“image”。 一, src/app/page/page.component.ts:8:16 8 templateUrl:'./page.component.html' 组件页面组件的模板中出现错误 从'@angular/core'导入{Component,OnInit}; 从“../shared/services

我尝试重复以下代码:

但是不能,因为返回了如下错误:

src/app/page/page.component.html:1:28-错误NG2339:类型“Object”上不存在属性“image”。 一,

src/app/page/page.component.ts:8:16

8 templateUrl:'./page.component.html'

组件页面组件的模板中出现错误

从'@angular/core'导入{Component,OnInit};
从“../shared/services/content.service”导入{ContentService};
从'@angular/router'导入{ActivatedRoute};
@组成部分({
选择器:“应用程序页面”,
templateUrl:'./page.component.html',
样式URL:['./page.component.scss']
})
导出类PageComponent实现OnInit{
页面:对象;
构造函数(专用路由:ActivatedRoute,
私有contentService:contentService){}
恩戈尼尼特(){
const pageData=this.route.snapshot.data['page'];
this.page=this.contentService.pages[pageData];
}

}
您有一个html错误并且没有显示html

不要键入变量,因为对象不是advice,请键入any

试试这个:

import { Component, OnInit } from '@angular/core';
import { ContentService } from '../shared/services/content.service';
import { ActivatedRoute } from '@angular/router';


@Component({
  selector: 'app-page',
  templateUrl: './page.component.html',
  styleUrls: ['./page.component.scss']
})
export class PageComponent implements OnInit {
  page: any;

  constructor(private route: ActivatedRoute,
    private contentService: ContentService) { }

  ngOnInit() {
    const pageData = this.route.snapshot.data['page'];
    this.page = this.contentService.pages[pageData];
  }
}
要在html中显示变量,请尝试以下操作:

{{page?.image}}

如果是工作,欢迎您的光临!:)

您有html错误并且没有显示html

不要键入变量,因为对象不是advice,请键入any

试试这个:

import { Component, OnInit } from '@angular/core';
import { ContentService } from '../shared/services/content.service';
import { ActivatedRoute } from '@angular/router';


@Component({
  selector: 'app-page',
  templateUrl: './page.component.html',
  styleUrls: ['./page.component.scss']
})
export class PageComponent implements OnInit {
  page: any;

  constructor(private route: ActivatedRoute,
    private contentService: ContentService) { }

  ngOnInit() {
    const pageData = this.route.snapshot.data['page'];
    this.page = this.contentService.pages[pageData];
  }
}
要在html中显示变量,请尝试以下操作:

{{page?.image}}

如果是工作,欢迎您的光临!:)

您是否正在html中调用
page.image
?问题出在您的html文件中,正如错误所述,因此如果我们要帮助您,您也需要发布该问题。这会返回什么对象类型
this.contentService.pages[pageData]
如果您有该页面的类型,那么页面应该是该类型,而不是
对象。
常量pageData
的值是多少?
ContentService
pages
属性是否包含一个值为
const pageData
的对象作为其键?您是否在html中调用
page.image
?问题在于错误显示的html文件中,因此如果我们要帮助您,您也需要发布该属性。这会返回什么对象类型
this.contentService.pages[pageData]
如果您有该页面的类型,那么页面应该是该类型,而不是
对象。
常量pageData
的值是多少?
ContentService
pages
属性是否包含值为
const pageData
的对象作为其键?