角度素材デザインwith typescript

Question

私はタイプクリプト、タイピングのまったく新しいものです。タイプ定義を漠然と理解し、タイプスクリプトと角度材料設計で角度1.5のプロジェクトを設定しようとしています。

私はタイプ>グローバル>角度材料で角度材料タイプ定義を持っています。 私はどのモジュールをインポートできるのか、どこでチェックするのか分かりません。次の例のように記述すると、例外が発生します。Module 'material'は使用できません。

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

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

タイピング>グローバル>角度材料でindex.d.tsの頂部は、予め

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

declare namespace angular.material { ...} 

おかげです。

Answer 1

それはあなただけのタイピングへの参照を追加する「アンギュラ材料」 からインポートするべきではありません、このよう

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

Answer 2

次のようになります。

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

は（角のためにタイピングをインストールしてください - 材料最初）

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

Answer 3

例えば

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

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

を材料プロバイダを定義するときには、これはあなたの問題を解決する単一引用符を削除する必要があります。

また、マテリアルスタイルシートをインポートする場合は、次のコードを使用できます。

import 'angular-material/angular-material.css'; 

タイプ定義がないライブラリでは、次のコードを使用できます。

import * as angular from 'angular'; 
require('../../../node_modules/angular-messages'); 

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

注：ここでは、import文でなければなりませんどのようなプロバイダ