小编Jor*_*ngh的帖子

为什么Angular2 routerLinkActive将活动类设置为多个链接？

我正在尝试将routerLinkActive实现到我的应用程序,但我面临的问题是它将类设置为活动到多个链接.这就是我在做的方式

<ul class="nav nav-tabs">
  <li role="presentation" [routerLinkActive]="['active']"><a [routerLink]="['/']">Home</a></li>
  <li role="presentation" [routerLinkActive]="['active']"><a [routerLink]="['/about']">About</a></li>
  <li role="presentation" [routerLinkActive]="['active']"><a [routerLink]="['/contact']" >Contact Us</a></li>  
</ul>

Run Code Online (Sandbox Code Playgroud)

这就是它的外观

这就是dev-tools的外观还有我的地址吧

我错过了什么,因为我正在按照角度文档中的解释.

routerlinkactive angular

Jor*_*ngh

2016 08-31

32
推荐指数

1
解决办法

3万
查看次数

Angular2 Http与RXJS Observable TypeError:this.http.get(...).map(...).catch不是函数

我有以下服务工作正常,直到今天我收到此错误

TypeError: this.http.get(...).map(...).catch is not a function. 
Run Code Online (Sandbox Code Playgroud)

当我调试这段代码时,它遇到了catch方法.

import { Test } from "./home.component";
import { Injectable }     from "@angular/core";
import { Inject } from "@angular/core";
import { Http , Response  } from "@angular/http";
import { Observable }     from "rxjs/Observable";

@Injectable()
export class HomeService {
   public constructor(@Inject(Http)  private http: Http) {}

   public getData (): Observable<Test []> {
        return this.http.get("./src/app/home/home-data.json")
            .map(this.extractData).catch(this.handleError);
    }

    public extractData(res: Response) {
        let body = res.json();
        return body.data || { };
    }

    public handleError (error: any) { …

Run Code Online (Sandbox Code Playgroud)

rxjs typescript angular

Jor*_*ngh

2017 07-02

12
推荐指数

1
解决办法

1万
查看次数

如何使用SystemJS在Angular2应用程序中加载bootstrap.js,jQuery和其他模块

我是angular2,npm和systemjs的新手,我无法弄清楚如何加载和使用下载的node_modules.假设我想先加载jQuery然后再加载bootstrap.我修改了我的systemjs但是有一些错误......

错误:

(索引):21错误:错误:Bootstrap的JavaScript需要jQuery(...)(匿名函数)@(索引):21ZoneDelegate.invoke @ zone.js:323Zone.run @ zone.js:216(匿名函数)@ zone.js :571ZoneDelegate.invokeTask @ zone.js:356Zone.runTask @ zone.js:256drainMicroTaskQueue @ zone.js:474ZoneTask.invoke @ zone.js:426(index):20错误:ReferenceError:模块未定义(...)

的index.html

<!doctype html>
<html>
  <head>
    <base href="/"/>
    <title>Angular 2 QuickStart</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
    <!-- 1. Load libraries -->
     <!-- Polyfill(s) for older browsers -->
    <script src="node_modules/core-js/client/shim.min.js"></script>
    <script src="node_modules/zone.js/dist/zone.js"></script>
    <script src="node_modules/reflect-metadata/Reflect.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>
    <!-- 2. Configure SystemJS -->
    <script src="systemjs.config.js"></script>
    <script>
      System.import('app').catch(function(err){ console.error(err); });
      System.import('jQuery').catch(function(err){ console.error(err); });
      System.import('bootstrap').catch(function(err){ console.error(err); });
    </script>
    <!--<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>-->
  </head>
  <!-- …

Run Code Online (Sandbox Code Playgroud)

javascript npm systemjs

phi*_*611

2016 09-11

4
推荐指数

1
解决办法

5492
查看次数