我想在 x 轴上添加自定义刻度标签，例如此模式中的 1,2,3,4,3,2,1。但是我使用的代码没有显示减少的数字。

var margin = {
    top: 100,
    right: 100,
    bottom: 100,
    left: 100
},
width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;

var x = d3.scale.ordinal()
    .domain([1, 2, 3, 4, 5, 4, 3, 2, 1])
    .rangePoints([0, width]);

var xAxis = d3.svg.axis()
    .scale(x)
    .orient("bottom");

var svg = d3.select("body").append("svg")
    .attr("width", width + margin.left + margin.right)
    .attr("height", height + margin.top + margin.bottom)
    .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

svg.append("g") …

这是我用来获取用户使用 google、facebook 或 twitter 登录时的详细信息的代码。

firebase.auth().onAuthStateChanged(function(user) {
    if (user) {
        // User is signed in.
        var displayName = user.displayName;
        var email = user.email;
        var emailVerified = user.emailVerified;
        var photoURL = user.photoURL;
        var uid = user.uid;
        var phoneNumber = user.phoneNumber;
        var providerData = user.providerData;
        user.getToken().then(function(accessToken) {

            console.debug('user', user);

            document.getElementById('name').textContent = displayName;
            document.getElementById("avatar").src = photoURL;


        });

    } else {
        console.log('not logged in');

    }

});

然后在html中通过写入<p id="name"></p>用户的完整名称来显示。

如何仅显示用户的名字？

使用下面的代码，我得到了错误Property 'subscribe' does not exist on type Auth。如果我从app.component.ts中删除了整个订阅代码块，那么我没有收到任何错误，但是浏览器直接在主页而非登录页面上打开。在app.component.html的底部，我包括了<router-outlet></router-outlet>，

app.component.ts

import { Component } from '@angular/core';
import { Router } from '@angular/router';

import { Observable } from 'rxjs/Observable';
import { AngularFireModule } from 'angularfire2';
import { AngularFireDatabaseModule, AngularFireDatabase, FirebaseListObservable } from 'angularfire2/database';
import { AngularFireAuthModule, AngularFireAuth } from 'angularfire2/auth';
import { environment } from '../environments/environment';


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  private isLoggedIn: Boolean;
  private user_displayName: String;
  private user_email: String;

  constructor(private …

至少应选中一个复选框，最多可以选中 3 个复选框。

function checkout(){
    var checkBoxes = document.getElementsByClassName( 'myCheckBox' );
    if (checkBoxes.length > 3){
        alert('You cannot select more than 3 books');
        return false;
    }
    if (checkBoxes.length == 0) {
        alert('Please select at least 1 book');
        return false;
    }

但是使用此代码，无论我选择多少本书，都会出现消息“您不能选择超过 3 本书”。

为了满足只需要选中一个复选框，我使用了以下代码，效果很好。

function checkout(){
    var checkBoxes = document.getElementsByClassName( 'myCheckBox' );
    var isChecked = false;
    for (var i = 0; i < checkBoxes.length; i++) {
        if ( checkBoxes[i].checked ) {
            isChecked = true;
        };
    };
    if ( isChecked ) { …

在Angular2应用程序中,我遇到了一个问题,即设置页面的背景颜色或图像.在应用程序中,如果我在styles.css中提到背景中的特定颜色,那么该颜色将应用于我开发的所有页面,因为它全局应用样式.现在如果我的登录页面是蓝色的,并且我想将我的主页的背景颜色更改为白色,我该如何去做呢？因为在组件主页中我们有:homepage.component.html和homepage.component.css.在homepage.component.css中,css仅影响主页的元素.我无法更改整个页面的颜色或添加图像作为整个页面的背景,因为它 body { ... }不会在那里工作.@import url也不起作用.

如何更改Angular2应用程序中不同组件的背景颜色？

任何帮助将不胜感激.谢谢.