我正在尝试构建一个需要图形的角度4应用程序.
我打算使用plotly,但我没有得到任何明确的网站显示步骤或方法在angular 4应用程序中包含plotly.js文件.
有人可以给我一些见解吗?
从'@ angular/core'导入{Component};
@Component({
selector: 'my-app',
template: `<h1>Hello {{name}}</h1>
<iframe src="http://hssa:1021/Home?testRequestId=+[testRequestId]+" allowfullscreen></iframe>`,
})
export class AppComponent {
name = 'Angular';
testRequestId = '3224';
}
Run Code Online (Sandbox Code Playgroud)
我有上面提到的.ts文件.如何将testRequestId传递给html.
我已经编写了如下所述的代码。到目前为止,仅在单击鼠标时选择列表项。即使按下键盘上的向上和向下箭头,我也想遍历列表。如何使用angular2实现此目的?
import { Component } from '@angular/core';
export class Hero {
name: string;
}
const HEROES: Hero[] = [
{ name: 'STWX1' },
{ name: 'STWX2' },
{ name: 'STWX3' },
{ name: 'STWX4' }
];
@Component({
selector: 'my-app',
template: `
<div style="display: inline-block; width = 200px; ">
<ul class="heroes">
<li *ngFor="let hero of heroes" (click)="onSelect(hero)"
[class.selected]="hero === selectedHero">
<p>{{hero.name}}</p>
</li>
</ul>
</div>'
Run Code Online (Sandbox Code Playgroud)
,样式:[...]})
export class AppComponent {
name = 'Angular1';
testRequestId = '3224';
heroes = HEROES;
selectedHero: Hero;
goToDivClick() …Run Code Online (Sandbox Code Playgroud) import { Component } from '@angular/core';
export class Hero {
name: string;
}
const HEROES: Hero[] = [
{ name: 'STWX1' },
{ name: 'STWX2' },
{ name: 'STWX3' },
{ name: 'STWX4' }
];
@Component({
selector: 'my-app',
template: `
<div style="display: inline-block; width = 200px; ">
<ul class="heroes">
<li *ngFor="let hero of heroes" (click)="onSelect(hero)"
[class.selected]="hero === selectedHero">
<p [style.background-color]="getStyle()">{{hero.name}}</p>
</li>
</ul>
</div>'
,
styles: [...]
})
export class AppComponent {
public showStyle: boolean = false;
name = 'Angular1';
testRequestId …Run Code Online (Sandbox Code Playgroud) 我在打字稿文件中声明了一个常量,如下所述。
const PASS_SPN_TXT = [ { name: 'PASS V C' },
{ name: 'PASS. T12 C' }];
Run Code Online (Sandbox Code Playgroud)
实际上,我希望将名称命名为PASS V度符号C和PASS.T12度符号C。如何在字符串中获取度符号。
我目前正在使用 Angular 2.0,在打字稿文件中我想声明一个变量,它是字符串数组的列表。我正在做类似 yAxis_val: list 的事情,但它不起作用。
请让我知道正确的方法。