TypeScript에서 dgrid에 대한 참조 구문 가져 오기

Question

TypeScript와 Dojo를 동시에 배우고 있으며 이로 인해 AMD에 대한 제한적인 이해가 노출되었습니다. 제 3 자 "dgrid/Grid"AMD 모듈, 내 dgrid.d.ts 스텁 선언 및 내 소비 클래스에 import 문을 함께 묶는 방법을 이해하지 못합니다. 낭비 노력 2 일 후 나는 다음과 같은 실행하기 (해키 또는 AMD 모범 사례) 어떤 방법을 찾고 있어요 :

MyModule.ts

{ 
    ... 
    var myGrid = new dgrid.Grid({ /*col structure*/}, "divId"); 
    ... 
} 

여기 dgrid 내 스텁 선언 파일이. 빨간색

module "dgrid/Grid" 
{ 
    export class Grid 
    { 
     constructor (gridStructure: any, elementId: string); 
    } 
} 

내 소모 타이프 라이터 클래스에 다음 참조를 시도했지만 비주얼 스튜디오는 "dgrid/그리드"를 강조한다 (아래 업데이트 1과 동기화 편집) 문자

dgrid.d.ts 왜냐하면 TS 컴파일러는 default.htm 파일의 기본 Dojo dojoConfig, baseUrl 및 dgrid 패키지 선언을 인식하지 못하기 때문입니다. 나는 공식 타이프 라이터 설명서의 10 장을 읽어 게시 이후

///<reference path='dgrid.d.ts' /> 

import Grid = module("dgrid/Grid"); 

module MyModule 
{ 
    ... 
} 

업데이트 1 . 이전에는 모듈 MyType {} 또는 모듈 "external/thirdparty"{}로 선언 된 모듈의 중요성을 인식하지 못했습니다. 외부 모듈에 대한 앰비언트 선언은 리터럴이어야합니다.

배경 :

• 내가 ajax.googleapis.com에서 참조 도장 1.8.0를 사용하고는/dgrid
• 나는 밀접에
• 자바 스크립트 /의 JS에 로컬로 호스팅되는 dgrid을 시도하고있다 dgrid http://dojofoundation.org/packages/dgrid/tutorials/hello_dgridhttp://dojofoundation.org/packages/dgrid/tutorials/hello_dgrid/demo/simple.html

의 고전 AMD 필요한 보여주는 SitePen의 dgrid 튜토리얼 페이지에 따라()로드 0

문을 필요 :

require(["dgrid/Grid", "dojo/domReady!"], 
    function(Grid){ 

Answer 1

내 첫하지만 파일이이 문이 작동하는 것이 생각 위치에 있음을 확인하는 것입니다 :

///<reference path='dgrid.d.ts' /> 

가있는 dgrid.d.ts 파일입니다 모듈 .ts 파일과 같은 폴더?

업데이트 :

당신이 모듈 선언해야합니다

module dgrid { 
    export class Grid { 
     constructor (gridStructure: any, elementId: string) { 

     } 
    } 
} 

Answer 2

코드의 다음 (약간 변경) 버전은 나를 위해 잘 컴파일 :

인 MyModule.TS

///<reference path='./dgrid.d.ts' /> 
module MyModule { 
    var gridInstance : dgrid.Grid = new dgrid.Grid("test1", "test2"); 
} 

dgrid.d.ts

module dgrid 
{ 
    class Grid 
    { 
     constructor (gridStructure: any, elementId: string); 
    } 

} 

는 ///<reference path='...'/> 구조는 범위에 내부dgrid 모듈을 가져온다. 형식 이름 앞에 모듈 이름을 붙여 넣으면 작업이 수행됩니다.