我正在使用 Typescript 和 Angular,试图通过使用(除其他外)下面的可访问图标指令来使网站更易于访问。
module app.directives {
export class AccessibleIconDirective implements ng.IDirective {
priority = 0;
restrict = 'E';
scope: { name: '@', text: '@'};
template: '<i class="fa fa-{{name}}"></i><span class="invisible">{{text}}</span>';
}
}
Typescript 编译器不喜欢隔离范围,并给我以下错误。
accessibleIcon.ts(5,24): error TS1110: Type expected.
accessibleIcon.ts(5,27): error TS1005: ';' expected.
accessibleIcon.ts(5,35): error TS1110: Type expected.
accessibleIcon.ts(8,1): error TS1128: Declaration or statement expected.
我不知道如何在这个结构中给出name: '@'
一个text:'@'
类型,我不知道为什么 TS 想要在作用域对象中使用分号,或者在模块之后添加一个声明。
我正在实现 ng.IDirective 接口,所以我希望它能够处理隔离范围。
有任何想法吗?谢谢!
作为参考,这里是 angular.d.ts 中的 IDirective 接口:
interface IDirective {
compile?: IDirectiveCompileFn;
controller?: any;
controllerAs?: string;
bindToController?: boolean|Object;
link?: IDirectiveLinkFn | IDirectivePrePost;
name?: string;
priority?: number;
replace?: boolean;
require?: any;
restrict?: string;
scope?: any;
template?: any;
templateNamespace?: string;
templateUrl?: any;
terminal?: boolean;
transclude?: any;
}