基本角2 Typescriptサービスの設定

Question

角度1のプロジェクトを角2に変換して、最初のサービスをセットアップする際に問題が発生しています。私は何をしようとしているものに合った大爆弾を作りました。それは完全に爆破されています。実際のアプリで

https://plnkr.co/edit/oYrg68HhTihPFAcSGU8t?p=preview

私は、角CLIジェネレータを使用して、次のエラーを取得しています：ここでplunkrだ

Error: Typescript found the following errors:
/path/to/project/tmp/broccoli_type_script_compiler-input_base_path-bvDJA9MD.tmp/0/src/app/+login/login.component.spec.ts (17, 21): Supplied parameters do not match any signature of call target.

そこに誰もが私はplunkrの作業を得るのを助けることができる場合、それは素晴らしいだろう！それが役に立つかどう

はここでspecファイルです：

/* tslint:disable:no-unused-variable */ 

import { By }   from '@angular/platform-browser'; 
import { DebugElement } from '@angular/core'; 

import { 
    beforeEach, beforeEachProviders, 
    describe, xdescribe, 
    expect, it, xit, 
    async, inject 
} from '@angular/core/testing'; 

import { LoginComponent } from './login.component'; 

describe('Component: Login',() => { 
    it('should create an instance',() => { 
    let component = new LoginComponent(); 
    expect(component).toBeTruthy(); 
    }); 
}); 

Answer 1

Here's私のために働いているあなたのplunkrの修正版。

TestServiceを入力して、それをパラメータとしてコンストラクタに渡す必要があるようです。

app.ts.

//our root app component 
import {Component} from '@angular/core'; 
import {TestService} from './test.service'; 

@Component({ 
    selector: 'my-app', 
    providers: [ TestService ], 
    template: ` 
    <div> 
     <h2>Hello {{name}}</h2> 
     <p><a (click)="logIn('test-user', '123456')">Test Login</a></p> 
     <p>{{status}}</p> 
    </div> 
    `, 
    directives: [] 
}) 
export class App { 

    constructor(
    private testService:TestService;) { 
    this.name = 'Pizza'; 
    this.status = 'Sword'; 

    } 

    logIn(username, password) { 
    this.status = this.testService.logIn(username, password); 
    } 
}