Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从HTML文件中的TypeScript(.ts)获取值。_Javascript_Html_Typescript_Angular - Fatal编程技术网

Javascript 从HTML文件中的TypeScript(.ts)获取值。

Javascript 从HTML文件中的TypeScript(.ts)获取值。,javascript,html,typescript,angular,Javascript,Html,Typescript,Angular,我不熟悉打字脚本和HTML。我正在构建Angular2应用程序,目前我有一个TypeScript文件,如下所示: import {Http, Headers} from 'angular2/http'; import {Component} from 'angular2/core'; import {CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/common'; import {Router} from 'angular2/router'; i

我不熟悉打字脚本和HTML。我正在构建Angular2应用程序,目前我有一个TypeScript文件,如下所示:

import {Http, Headers} from 'angular2/http';
import {Component} from 'angular2/core';
import {CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/common';
import {Router} from 'angular2/router';
import {Routes} from '../routes.config';

@Component({
    selector: 'home',
    templateUrl: './app/home/home.html',
    directives: [CORE_DIRECTIVES, FORM_DIRECTIVES]
})
export class Home {
    public jsonResponse: string = "";

    constructor(private _http: Http) {
        var thisReference = this;
        thisReference.getSensors();
    }

    getSensors() {
        this.jsonResponse = "testResponse";
    }
}

我试图找出如何在HTML文件中获取“jsonResponse”的值。我已经搜索过了,但找不到访问jsonResponse变量的直接方法-有什么想法吗?

以下是您要查找的内容: 链接到工作代码:

从'@angular/core'导入{Component}
@组成部分({
选择器:“我的应用程序”,
提供者:[],
模板:`
jsonResponse:{{jsonResponse}}
`,
指令:[]
})
导出类应用程序{
jsonResponse:string;
构造函数(){
这个.getSensors();
}
专用传感器(){
this.jsonResponse='testResponse';
};
}

还有
json
管道

{{jsonResponse | json}}

是否只想在页面上显示jsonResponse的值?请将此{{jsonResponse}}放在html页面中
{{jsonResponse | json}}