Где найти хорошие примеры проектов на Angular 1.5 с использованием Typescript?

Question

[Владимир]

Пробую написать ангуляр приложение с использованием TypeScript, заткнулся буквально в самом начале
Начал с того, что в папке проекта выполнил
typings install dt~angular --ambient --save
Имею в корне файл typings.json и папочку typings
Пишу файл app.ts

module myappmodule{
    'use strict';

    var myapp=angular.module('myapp',[])
}

Получаю ответ
app.ts(4,15): error TS2304: Cannot find name 'angular'.

Answer 1

[Eugene 222]

Добавьте рефы на файл с заголовками.
Файл с заголовками брать здесь. definitelytyped.org
https://www.typescriptlang.org/docs/handbook/tripl...

Comments

[Владимир]

Я файлы с заголовками ставил командой typings install dt~angular --global --save, этот скрипт создал файлик typings.json думал тайпскрипт компилятор автоматом подтянет оттуда зависимости.
Сейчас код выглядит как
/// <reference path="./typings/index.d.ts" />
Но я получаю кучу ошибок вида
typings/globals/angular/index.d.ts(58,43): error TS2304: Cannot find name 'JQuery'.
typings/globals/angular/index.d.ts(997,43): error TS2304: Cannot find name 'JQuery'.

Я думал зависимости подтягиваются автоматом, иначе это похоже на адский ад.

[Eugene 222]

Владимир: Ну, так подтяните вручную. Их, по идее, не должно быть много. Я, честно говоря, не знаю как в современном TypeScript(Я с ним последний раз работал год назад)

Answer 2

[Станислав Макаров]

/// <reference path="../typings/angular/angular.d.ts"/>
import { angular } from "angular";

var myapp=angular.module('myapp',[])

1) 'use strict' не нужен начиная с TS 1.8 (tsc сам добавляет теперь всегда);
2) вместо module начиная с TS 1.5 используют namespace, чтобы не конфликтовать в терминологии с модульными системами для JS;
3) вам тут модуль и не нужен, т.к. сам файл и так представляет собой модуль;
4) если имя не из стандартных библиотек TS, его нужно импортировать перед использованием. Точный путь зависит от того, куда у вас поставились d.ts-ки для Ангуляра и чем от того, чем вы вообще собираете проект.

Comments

[Владимир]

А почему typings автоматом не разрешает зависимости при установке и теперь получаю ошибки вида
typings/globals/angular/index.d.ts(58,43): error TS2304: Cannot find name 'JQuery'.

[Владимир]

Справедливости ради typings пытается управлять зависимостями, но при установке с флагом --global выдает ппредупреждение typings INFO reference Stripped reference. Непонятно почему он просит ставить зависимость только с флагом глобал и есть ли более человеческий способ устанавливать types defenition

[Станислав Макаров]

Владимир чем собираете проект? Если буду знать, возможно смогу дать совет. Конечно никому не интересно транзитивные зависимости вручную собирать.

[Владимир]

Станислав Макаров: Кокретно этот - tsc file.ts а вообще пользуюсь Gulp.