angular 2打字稿不能在环境上下文中声明实现 [英] angular 2 typescript An implementation cannot be declared in ambient contexts
问题描述
我是TypeScript的新手,我正在尝试为angular 2指令创建一个函数. 有人可以用n00bs的语言解释当我使用Gulp进行编译时错误试图告诉我什么吗?
I am new to typescript and I am trying to create a function for an angular 2 directive. Can anyone explain, in language for n00bs, what the error is trying to tell me when I am compiling with Gulp?
无法在环境上下文中声明实现
An implementation cannot be declared in ambient contexts
该消息适用于offset()
和toggler()
.
import { Directive, ElementRef, Input } from '@angular/core';
@Directive({
selector: 'offCanvas',
inputs: ['target', 'toggle', 'placement', 'autohide', 'recalc', 'disableScrolling', 'modal', 'canvas', 'exclude'],
host: {
'(click)': 'Click()'
}
})
export class OffCanvas {
@Input('target') target: string;
@Input('canvas') canvas: string;
@Input('state') state: string;
@Input('exclude') exclude: string;
@Input('placement') placement: string;
@Input('toggle') toggle: boolean;
@Input('autohide') autohide: boolean;
@Input('recalc') recalc: boolean;
@Input('disableScrolling') disableScrolling: boolean;
@Input('modal') modal: boolean;
public offset() {
switch (this.placement) {
case 'left':
case 'right': return (<HTMLElement>document.querySelector(this.target)).offsetWidth
case 'top':
case 'bottom': return (<HTMLElement>document.querySelector(this.target)).offsetHeight
}
}
public toggler() {
if (this.state === 'slide-in' || this.state === 'slide-out') return
this[this.state === 'slid' ? 'hide' : 'show']()
}
Click() {
this.toggler()
}
}
推荐答案
无法在环境上下文中声明实现
An implementation cannot be declared in ambient contexts
您很可能将文件命名为foo.d.ts
,而不是foo.ts
.它将其标记为声明文件(有关 https:的更多信息://basarat.gitbooks.io/typescript/content/docs/types/ambient/d.ts.html ),并且在声明其他地方存在什么逻辑.
You most probably have your file named as foo.d.ts
instead of foo.ts
. That marks it as a declaration file (more on that https://basarat.gitbooks.io/typescript/content/docs/types/ambient/d.ts.html) and you cannot put logic in these as you are declaring what logic exists elsewhere.
这篇关于angular 2打字稿不能在环境上下文中声明实现的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!