活字体インタフェース定義のエラー..私のアプリのサービスのためのインタフェースを実装しようとstatemen

Question

に予想外のラベル、私はすべての行の定義のエラーを取得：

./src/app/app.service.ts[12, 3]: unexpected label on statement 
./src/app/app.service.ts[13, 3]: unexpected label on statement 
./src/app/app.service.ts[14, 3]: unexpected label on statement 
.. 
src/app/app.service.ts[10, 11]: An empty interface is equivalent to `{}`. 
src/app/app.service.ts[11, 3]: expected an assignment or function call 
.. 

それと間違って何？ここで

は私app.service.tsです：

import {Injectable} from '@angular/core'; 

interface InternalStateType = { 
    [key: string]: any; 
    appName: string; 
    darkMode: boolean; 
    defaultLang: string; 
    topnavTitle: string; 
    messagePanelOpen: boolean; 
    sidenavOpen: boolean; 
    sidenavMode: string; 
    sidenavCollapse: boolean; 
    pageFullscreen: boolean; 
    pageFooter: boolean; 
    initial: boolean 
}; 


/** 
* App service 
*/ 
@Injectable() 
export class AppService implements InternalStateType { 

    // Set your states default value. 
    private state: InternalStateType = { 
    appName: 'Cockpit', 
    darkMode: false, 
    defaultLang: 'en', 
    topnavTitle: 'Cockpit', 
    messagePanelOpen: false, 
    sidenavOpen: false, 
    sidenavMode: 'over', 
    sidenavCollapse: true, 
    pageFullscreen: false, 
    pageFooter: false, 
    initial: false, 
    }; 

    public cloneState(): InternalStateType { 
    return JSON.parse(JSON.stringify(this.state)); 
    } 

    public reloadState(state: InternalStateType) { 
    this.state = state; 
    } 

    public getState(prop?: any): InternalStateType { 
    const state = this.state; 
    return state.hasOwnProperty(prop) ? state[prop] : state; 
    } 

    public setState(prop: string, value: any) { 
    return this.state[prop] = value; 
    } 
} 

Answer 1

あなたの構文が間違っている - インターフェイスは、中括弧の前に=を持っていません。

// Wrong 
interface InternalStateType = { 

// Right 
interface InternalStateType {