Javascript 在HTML中不呈现app.component中的值

你好吗

我正在尝试将从app.component.ts中的http获取的值呈现到HTML中，但它不起作用。 该值以字符串形式出现在console.log上，但当我尝试将其与

this.date=dateObj

一起使用时，它返回undefined

当我从内部访问它时，parseString（）它不工作，但在它之前，它工作。有关日期='today'的示例，请参见

HTML呈现的是'today'，而不是dateObj的值。dateObj的值是一个字符串，请记住

HTML

<h2>{{date}}</h2>
<input type="submit" value="test" (click)="onClickMe()"/>

---

问题是，有办法做到这一点吗？我应该如何做才能在HTML中呈现值？

将其指定为

this.date=dateObj而不是
date=dateObj

如果这没有解决问题，则通过构造函数注入
ChangeDetectorRef
并调用
detectChanges（）
方法触发更改检测

import { ChangeDetectorRef } from '@angular/core';

constructor(private ref: ChangeDetectorRef){}

// call detectChanges() after this.date = dateObj;
this.date = dateObj;
this.ref.detectChanges();

将其指定为
this.date=dateObj而不是
date=dateObj

如果这没有解决问题，则通过构造函数注入
ChangeDetectorRef
并调用
detectChanges（）
方法触发更改检测

import { ChangeDetectorRef } from '@angular/core';

constructor(private ref: ChangeDetectorRef){}

// call detectChanges() after this.date = dateObj;
this.date = dateObj;
this.ref.detectChanges();

console.log（jsonObject）的Post输出；一个好的编程风格要求开始括号和结束括号应该在相同的缩进级别上，总的来说，你的代码看起来很凌乱，有点难读。（混合缩进，单行中有很多代码）请在询问之前花点时间整理你的代码。非常感谢：）@Satendra输出是
{Dates:{…}}
@EinārsBistrovs我很感激这个提示！console.log（jsonObject）的Post输出；一个好的编程风格要求开始括号和结束括号应该在相同的缩进级别上，总的来说，你的代码看起来很凌乱，有点难读。（混合缩进，单行中有很多代码）请在询问之前花点时间整理你的代码。非常感谢：）@Satendra输出是
{Dates:{…}}
@EinārsBistrovs我很感激这个提示！谢谢你的回答！我有一个
无法设置未定义的属性“date”
。请完整显示相关组件方法好吗？
core.js:1350错误类型错误：无法在Parser.eval（Parser.js:303）的Parser.EventEmitter.emit（events.js:81）的SAXParser.eval中设置未定义的属性“date”（app.component.ts:113）[作为onclosetag]（parser.js:261）在emit（sax.js:624）在emitNode（sax.js:629）在closeTag（sax.js:889）在SAXParser.write（sax.js:1436）在parser.exports.parser.parser.parser.parser.parserng（parser.js:322）在parser.eval[作为parserString]（parser.js:5）
（app.component.ts:113）
用于
this.date=dateObj；
但是您正在调用您在代码中任何地方定义的
parseString（）
方法吗？仍然不清楚您在组件中有什么以及如何调用特定方法。您所拥有的只是
parseString（）的定义
但我看不出你是如何调用它的！我有一个
无法设置未定义的属性“date”
。你能完整地显示相关的组件方法吗？
core.js:1350错误类型错误：无法在Parser.eval（Parser.js:303）的eval（app.component.ts:113）中设置未定义的属性“date”在SAXParser.eval的Parser.EventEmitter.emit（events.js:81）处作为onclosetag（Parser.js:261）在emit的emit（sax.js:624）处作为closeTag（sax.js:889）在SAXParser.write（sax.js:1436）在Parser.exports.Parser.Parser.Parser.Parser.Parser.parseString（Parser.js:322）在Parser.eval[作为parseString]（Parser.js:5）
（app.component.ts:113）
用于
this.date=dateObj；
但是您正在调用您在代码中任何地方定义的
parseString（）
方法吗？仍然不清楚您在组件中拥有什么以及如何调用特定方法。您所拥有的只是
parseString（）的定义
但我看不出你怎么称呼它