我阅读了很多关于在D3条形图上添加标签的文档,但我无法弄清楚.我坚持在"svg.selectAll("text")"之后添加什么.
结果与此示例中的结果相同:
这是代码:
var margin = {top: 20, right: 30, bottom: 50, left: 100},
width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
var x = d3.scale.ordinal()
.rangeRoundBands([0, width], .1, 1);
var y = d3.scale.linear()
.range([height, 0]);
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom");
var yAxis = d3.svg.axis()
.scale(y)
.orient("left")
.tickFormat(function (d) {
if ((d / 1000000) >= 1) {
d = d / 1000000 + " " + "000" + " " + "000";
} …Run Code Online (Sandbox Code Playgroud) 我有这种类型的JSON文件.
{
"records": {
"patients": {
"day": "Today",
"details": [
{
"name":"Diab",
"stat":"Pending",
"phno":"8197246465",
"patNames":"Sandra Adams",
"tests": [
{"name":"MCHC","result":"positive"}
]
}
]
}
}
}
Run Code Online (Sandbox Code Playgroud)
如何将每个密钥带入html页面或如何使用服务解析这个?
提前致谢.
我有一个Angular2应用程序,其路径如下:
{
path: '',
component: ContentComponent,
children: [
{
path: 'folder/:folderId',
resolve: {
currentFolder: CurrentFolderResolver,
},
children: [
{
path: '',
resolve: {
folderStructure: FolderStructureResolve,
},
component: FolderOverviewComponent,
},
{
path: 'users',
component: UsersComponent,
}
]
}
]
}
Run Code Online (Sandbox Code Playgroud)
当从路径导航等/文件夹/ 123到/文件夹/ 456,角不会触发ngOnDestroy()在FolderOverviewComponent.导航到/ folder/456/users会这样做.
换句话说,如果路径没有改变,似乎Angular不会破坏组件(忽略:folderId的动态部分).这似乎是合理的,但我需要清理一下ngOnDestroy().
每次导航到新路由(即使用不同的参数)时,是否可以将路由配置为调用destroy?
我使用了下面的代码,使用angular2下拉列表来获取多个值:
<ng-select [options]="dropDownSKUNumber" #SKUNumberDrp multiple="true" placeholder="Select SKU Number" [allowClear]="true"></ng-select>
Run Code Online (Sandbox Code Playgroud)
在保存多个值时,此代码适用于我.然后在视图模式下,我希望默认情况下在选定模式下的值下拉列表,但我无法做到这一点.
怎么解决?使用上面的代码.
无需导入OnInit和实现
ngOnInit(){
this.recipies=this.recipeService.getRecipies();
}
Run Code Online (Sandbox Code Playgroud)
这仍然工作正常没有任何抱怨所以我为什么要使用像:
import { Component,EventEmitter,Output , OnInit } from '@angular/core';
export class RecipiesListComponent implements OnInit{}
Run Code Online (Sandbox Code Playgroud) 我有目前的情况:
相关代码:
<md-toolbar color="primary" class="main-toolbar">
<div fx-layout="row" fx-flex fx-layout-align="space-between">
<span class="page-headline">
<img class="logo" src="./logo.png"/>club
</span>
<button md-icon-button class="main_menu_button1" (click)="dinnerClicked()">
<md-icon>local_pizza</md-icon>
</button>
<button md-icon-button class="main_menu_button2" (click)="notificationsClicked()">
<md-icon>notifications</md-icon>
</button>
<button md-icon-button class="main_menu_button3" (click)="eventsClicked()">
<md-icon>event_note</md-icon>
</button>
</div>
</md-toolbar>
Run Code Online (Sandbox Code Playgroud)
我只希望这 3 个图标彼此紧密相邻并向右对齐。如果我fx-layout-align改为fx-layout-align-xs,我几乎得到了我想要的:
但是向左而不是向右......
我尝试了很多 CSS 配置,但没有一个对我有用,有什么简单的方法可以实现吗?非常感谢。
我正在使用创建导航菜单
<li *ngFor="let child of children">
<a (click)="navChanged(child.name)">
<div> {{child.name}} </div>
</a>
</li>
Run Code Online (Sandbox Code Playgroud)
现在我想添加class="active"到活动(点击)的child.name并且我没有使用路由.