小编ran*_*al9的帖子

在D3条形图上添加标签

我阅读了很多关于在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)

charts svg label d3.js

11
推荐指数
1
解决办法
2万
查看次数

如何使用离子2打字稿从本地JSON获取数据到HTML页面

我有这种类型的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页面或如何使用服务解析这个?

提前致谢.

typescript ionic2 angular

8
推荐指数
1
解决办法
3万
查看次数

Angular2 - ngOnDestroy()未在类似路线上调用

我有一个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-routing angular

7
推荐指数
1
解决办法
2639
查看次数

如何使用ng-select在angualr2下拉列表中默认设置选定值?

我使用了下面的代码,使用angular2下拉列表来获取多个值:

 <ng-select [options]="dropDownSKUNumber" #SKUNumberDrp multiple="true" placeholder="Select SKU Number"  [allowClear]="true"></ng-select>
Run Code Online (Sandbox Code Playgroud)

在保存多个值时,此代码适用于我.然后在视图模式下,我希望默认情况下在选定模式下的值下拉列表,但我无法做到这一点.

怎么解决?使用上面的代码.

typescript angular

6
推荐指数
1
解决办法
4477
查看次数

为什么导入OnInit很重要

无需导入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)

angular

2
推荐指数
1
解决办法
2536
查看次数

如何将三个图标与页面标题的右侧对齐

我有目前的情况:

在此处输入图片说明

相关代码:

<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 配置,但没有一个对我有用,有什么简单的方法可以实现吗?非常感谢。

html css angularjs angular

2
推荐指数
1
解决办法
1万
查看次数

在Angular2中,如何在不使用RouterLinkActive的情况下单击链接时向元素添加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并且我没有使用路由.

angular2-template angular

0
推荐指数
1
解决办法
7338
查看次数