网站搜索

JavaScript - 使用 TypeScript 的 Angular 材料设计


我对 TypeScript 和 typings 完全是新手。对类型定义有些模糊的理解,并且正在尝试用 TypeScript 和 Angular Material Design 设置 Angular 1.5 项目。

我在 typings>globals>angular-material 中有 Angular Material 类型定义。我不知道可以导入哪个模块,也不知道去哪查看。如果我像下面的示例一样放置,我会得到一个异常:模块 'material' 不可用!

import * as angular from 'angular';
import * as material from 'angular-material';

angular.module('app.services', []);
angular.module('app', ['app.services', 'material']);

typings>globals>angular-material 中 index.d.ts 的顶部部分是

declare module 'angular-material' {
    var _: string;
    export = _;
}

declare namespace angular.material { ...}

提前谢谢你。

答案#1

它应该是这样的,

angular.module('app.services', []);
angular.module('app', ['app.services', 'ngMaterial']);

答案#2

你不应该从 'angular-material' 导入,只需添加对 typings 的引用:

/// <reference path="../typings/angular-material/angular-material.d.ts" />

(请先确保安装 angular-material 的类型定义)

然后使用:

angular.module('app.services', []);
angular.module('app', ['app.services', 'ngMaterial']);