大佬教程收集整理的这篇文章主要介绍了Angular 6 – ERROR TypeError:无法读取undefined的属性“value”,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我打电话给一个愚蠢的服务,回到查克诺里斯的笑话.这实际上工作正常.但是我收到的是Typescript控制台错误.
我在这里转载:
https://stackblitz.com/edit/angular-chuck
非常感谢您的期待.
data.service.ts
import { Injectable } from '@angular/core'; import { httpClient } from '@angular/common/http'; import { DataModel } from './data.model'; @Injectable() export class Dataservice { constructor( private http: httpClient ) { } chuckUrl = 'https://api.chucknorris.io/jokes/random'; getChuck() { return this.http.get<DataModel>(this.chuckUrl); } }
export class DataModel { public category: any; public icon_url: String; public id: String; public url: String; public value: String; }
data.component
import { Component,OnInit } from '@angular/core'; import { Dataservice } from './data.service'; import { DataModel } from './data.model'; @Component({ SELEctor: 'app-data',templateUrl: './data.component.html' }) export class ApPDAta implements OnInit { constructor(private dataservice: DataservicE) { } joke: DataModel; ngOnInit() { this.dataservice.getChuck() .subscribe( (data: DataModel ) => { if (data.category != 'explicit') { this.joke = data; } } ); } }
以上是大佬教程为你收集整理的Angular 6 – ERROR TypeError:无法读取undefined的属性“value”全部内容,希望文章能够帮你解决Angular 6 – ERROR TypeError:无法读取undefined的属性“value”所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。