草庐IT

TypeScript系列(一):初识TypeScript

全部标签

javascript - 检测点击是否在 react 组件内部或不在 typescript 中

我大致有以下几点:componentDidMount(){document.querySelector('body')!.addEventListener('click',this.click);}click=(e:Event)=>{if(this.state.toggled){if(!ReactDom.findDOMNode(this.someRef).contains(e.target)){this.setState({toggled:false});}}};render(){return({this.someRef=e;}}/>)}此代码正确检测用户是在CustomElement

javascript - Visual Studio 2017 不编译 typescript

我最近更新到VS2017,我使用的解决方案曾经在VS2015中完美运行。我在工具>文本编辑器>TS/JS>项目中启用了“保存时编译”功能,我正在确保我使用了正确的“代码生成”选项,但VS不会编译任何typescript文件。js输出文件已经存在,它是由VS2015生成的,当我保存ts文件时,底部栏显示“Output(s)generatedsuccessfully”消息,但js文件没有变化。请注意,该项目受源代码控制,但ts和js文件都已checkout以供编辑。我在网上看到类似的问题已通过最新的VS更新得到解决,我确信我的VS版本是最新的。有谁知道这是怎么回事吗?

javascript - 为什么从 angularjs.TypeScript.DefinitelyTyped 中删除全局 'angular' 变量?

从angularjs.TypeScript.DefinitelyTyped升级2.1.6到3.1.2删除了我用于模块声明文件的静态angular变量的可访问性。下面出现一个错误,表示符号angular无法正确解析。angular.module("someModule")....Resharper提供了从外部模块导入变量的选项,但这不起作用。在早期版本中公开全局angular变量是否是一个错误?它是否不打算按照我的项目使用它的方式使用? 最佳答案 这是Resharper9.0的一个错误。该修复计划用于9.1版本。您现在可以执行以下两项

javascript - 将 typescript 与 RollUp bundle 在一起 - 无法处理编译器选项

我正在尝试bundle我的typescript文件RollUp(https://rollupjs.org/)我使用了这个配置文件:rollup.config.js:importaliasfrom'rollup-plugin-alias';importresolvefrom'rollup-plugin-node-resolve';importtypescriptfrom'rollup-plugin-typescript';importangularfrom'rollup-plugin-angular';exportdefault{entry:'../main.ts',format:'ii

javascript - typescript /Javascript : using tuple as key of Map

在我的代码中遇到了这个奇怪的错误,当我使用元组作为我的键时,我无法想出从Map中获取恒定时间查找的方法。希望这能说明问题,我现在使用的解决方法只是为了让它工作:你好.ts:letmap:Map=newMap().set([0,0],48);console.log(map.get([0,0]));//printsundefinedconsole.log(map.get(String([0,0])));//compiler:errorTS2345:Argumentoftype//'string'isnotassignabletoparameteroftype'[number,number]

javascript - Highcharts 系列数据数组

从ajax调用中我得到以下数据:18,635,21,177,20,165,22,163,24,162,25,145,19,143,23,139,26,112,27,110,28,104,30,91,29,88,31,68,32,57,36,55,34,53,33,51,35,46,37,44,39,42,43,39,42,39,41,38,38,37,44,36,45,34,48,31,40,31,47,27,49,23,46,21,50,21,52,17,55,17,53,16,51,15,54,12,58,6,57,6,59,4,63,4,56,3,62,2,64,2,100,2,

javascript - 使用 PHPStorm 在 TypeScript 项目中包含一个 *.d.ts 文件(和相应的 JS)

我想深入研究TypeScript(因为对我来说它看起来很有前途),因此我想重写一个我自己的小JS项目。所以我开始创建一些类(每个类在一个单独的文件中),但我对那些*.d.ts文件有点困惑。我该如何与他们合作?我需要在.ts文件中引用它们吗?因为PHPStorm似乎无论如何都会索引*.d.ts文件。我正在使用grunt-ts(https://github.com/grunt-ts/grunt-ts)将项目编译成JavaScript,看来这个项目需要引用文件。但是当我在第一行中这样引用它时:///编译器说:....Model.ts(37,20):errorTS1084:Invalidref

javascript - promise 解决后 typescript 返回 bool 值

我试图在promise解决后返回一个bool值,但typescript给出了一个错误说“get”访问器必须返回一个值。我的代码看起来像。gettokenValid():boolean{//Checkifcurrenttimeispastaccesstoken'sexpirationthis.storage.get('expires_at').then((expiresAt)=>{returnDate.now(){returnfalse});}此代码用于Ionic3应用程序,存储是IonicStorage实例。 最佳答案 您可以返回解

javascript - 在 HighStock 图表的导航器中显示多个系列

我想创建一个HighStock图表,其中包含一个显示多个系列的导航器组件,与主图中显示的系列相同。HighStock似乎不支持此功能,因为只允许一个系列。有没有人遇到这个问题并设法找到可行的解决方案/替代方案? 最佳答案 官方不支持导航器中的多个系列,因此只有您使用的这个“hack”在导航器中显示多个系列。示例:http://jsfiddle.net/6fFwM/我们的系统在这里(http://highcharts.uservoice.com/forums/55896-general/suggestions/2361925-allo

javascript - 继承和 TypeScript 错误 : X is not a constructor function type

我有一个父类(superclass),我希望从中继承其他两个类。下面列出了这些类(class)。当我编译时,试图继承的两个类提示父类(superclass)(给出相同的错误):“[类文件路径(在本例中为A)]不是构造函数类型”A.tsexportclassA{//privatefields...constructor(username:string,password:string,firstName:string,lastName:string,accountType:string){//initialisation}}B.tsimportA=require('./A);exportc