Вызов глобальной переменной внутри модуля Typescript

Question

Вызов глобальной переменной внутри модуля Typescript

201

У меня есть файл typescript с именем Projects.ts, который я хочу ссылаться на глобальную переменную, объявленную в плагине bootstrap под названием bootbox.js.

Я хочу получить доступ к переменной с именем bootbox из классов typescript.

Возможно ли это?

user1027303 06 нояб. 2012, в 12:51

Источник

3

Теперь есть определение DefinitiveTyped для bootbox nuget.org/packages/bootbox.TypeScript.DefiniteTyped
ThisGuy 01 сен. 2014, в 19:27
0

См. Также stackoverflow.com/questions/17764468/…
koppor 14 май 2016, в 22:24

Теги:

typescript

5 ответов

Ещё вопросы

Теперь есть определение DefinitiveTyped для bootbox nuget.org/packages/bootbox.TypeScript.DefiniteTyped

user75525 · Answer 1 · 2012-11-06T15-12-00.000Z

336

Вам нужно сообщить компилятору, что он был объявлен:

declare var bootbox: any;

Если у вас есть более качественная информация о типе, вы можете добавить это тоже вместо any.

user75525 06 нояб. 2012, в 15:12

4

Может пропустить «любой» бит на самом деле.
Oleg Mihailik 07 нояб. 2012, в 13:49
32

Это не было бы хорошим примером для формата вопросов и ответов, хотя, как я предлагаю, они добавляют конкретную информацию о типе, а ответ показывает, как и где они ее разместят.
Fenton 07 нояб. 2012, в 13:53
0

Такая миссия выяснила, как правильно импортировать zepto, наконец-то разобралась, теперь я нашла это, и она решает все. Я могу просто включить zepto один раз при инициализации, а затем объявить $. +1
Dustin Silk 17 янв. 2016, в 18:26
10

Для нас, новичков машинописного текста, куда мы помещаем это declare ?
Bob Horn 09 нояб. 2016, в 19:34
5

Я понял. Если это кому-нибудь поможет, это переменная, которая установлена в моем index.html: <script id="connection">var rootWebApiUrl = 'http://localhost:22511/';</script> . И я поместил это в мой файл машинописного текста, над определением класса и в мои операторы импорта: declare var rootWebApiUrl: any;
Bob Horn 09 нояб. 2016, в 21:42
0

Это хорошее решение для глобальных функций тоже? Помещение чего-то вроде declare var myFunction: any; ?
jonathanrz 13 март 2018, в 00:26
1

@jonathanrz Да, это может быть и особая подпись, если вы хотите зайти так далеко, например, declare var myFunction: (input: string) => void;
Fenton 14 март 2018, в 11:20
0

@Fenton спасибо;)
jonathanrz 15 март 2018, в 11:56
0

Стоит отметить, что если Вы поместите его в какой-то файл, который заканчивается на d.ts , например, globals.d.ts ts распознает это глобальное объявление во всем проекте.
Krzysztof Grzybek 01 дек. 2018, в 13:03

Показать ещё 7 комментариев

Himanshu Arora · Answer 2 · 2017-06-29T18-54-00.000Z

Для тех, кто еще не знал, вам нужно поставить оператор declare вне вашего class следующим образом:

declare var Chart: any;

@Component({
  selector: 'my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.scss']
})

export class MyComponent {
    //you can use Chart now and compiler wont complain
    private color = Chart.color;
}

В TypeScript используется ключевое слово declare, где вы хотите определить переменную, которая, возможно, не была создана из файла TypeScript.

Как вы говорите компилятору, я знаю, что эта переменная будет иметь значение во время выполнения, поэтому не бросайте ошибку компиляции.

Этот ответ применим только к Angular 2 или более поздней версии. @Component - это украшение, специфичное для @Component .
@Dai там не важна версия Angular, потому что мы используем внешние объекты javascript и их функции в AngularJS 1.6 + Typescript

Josh Wulf · Answer 3 · 2017-04-04T06-53-00.000Z

Если это то, что вы ссылаетесь, но не мутируете, используйте const:

declare const bootbox;

Prusdrum · Answer 4 · 2017-01-10T17-11-00.000Z

Решения Sohnee чище, но вы также можете попробовать

window["bootbox"]

ser savv · Answer 5 · 2018-03-21T12-40-00.000Z

Загрузите файлы [bootbox typings] (https://www.nuget.org/packages/bootbox.TypeScript.DefinitelyTyped/)

Затем добавьте ссылку на него внутри вашего.ts файла.

Пожалуйста, не размещайте какой-либо инструмент или библиотеку в качестве ответа. По крайней мере, продемонстрируйте, как это решает проблему в самом ответе.