草庐IT

$TypeScript

全部标签

TypeScript 装饰器实用指南!

一、装饰器的概念SummerISHERE在TypeScript中,装饰器就是可以添加到类及其成员的函数。TypeScript装饰器可以注释和修改类声明、方法、属性和访问器。Decorator类型定义如下:typeDecorator=(target:Input,context:{kind:string;name:string|symbol;access:{get?():unknown;set?(value:unknown):void;};private?:boolean;static?:boolean;addInitializer?(initializer:()=>void):void;})=>

css - 新行 '\n' 在 Typescript 中不起作用

我正在typescript组件中创建一个列表项,它将显示在UI中。列表项应显示在单独的行中。所以我添加了新行char\n,如下所示。但是列表项仍然显示在同一行中。下面是代码。知道为什么它不起作用吗?typescript代码:@Output()excludeDisplay:any='';@Output()includeDisplay:any='';includeValues:any='';excludeValues:any='';this.includeValues+=this.merId+','+this.explodeStatus+'\n';console.log("includev

css - 新行 '\n' 在 Typescript 中不起作用

我正在typescript组件中创建一个列表项,它将显示在UI中。列表项应显示在单独的行中。所以我添加了新行char\n,如下所示。但是列表项仍然显示在同一行中。下面是代码。知道为什么它不起作用吗?typescript代码:@Output()excludeDisplay:any='';@Output()includeDisplay:any='';includeValues:any='';excludeValues:any='';this.includeValues+=this.merId+','+this.explodeStatus+'\n';console.log("includev

html - Ionic 2/angular 2 - 如何将带有 Typescript 的 HTML 元素添加到我的组件中?

请不要不喜欢从标题来判断,请先阅读帖子。我刚刚开始学习使用ionic2框架的typescript和angular2。我正在添加引用typscript变量“newItem”的html元素,如下所示:{{item}}test在组件的typescript类中,我有一个函数addTodo(),当按下右上角的加号/添加图标时,它会为“newItem”设置HTML:addTodo(){this.newItem="test";}出于某种原因,“ion-item”标签在编译时被忽略,它只将“test”插入到div元素中。应用程序将如下所示:组件类:所以我尝试将其添加到View中:CancelAdd但现

html - Ionic 2/angular 2 - 如何将带有 Typescript 的 HTML 元素添加到我的组件中?

请不要不喜欢从标题来判断,请先阅读帖子。我刚刚开始学习使用ionic2框架的typescript和angular2。我正在添加引用typscript变量“newItem”的html元素,如下所示:{{item}}test在组件的typescript类中,我有一个函数addTodo(),当按下右上角的加号/添加图标时,它会为“newItem”设置HTML:addTodo(){this.newItem="test";}出于某种原因,“ion-item”标签在编译时被忽略,它只将“test”插入到div元素中。应用程序将如下所示:组件类:所以我尝试将其添加到View中:CancelAdd但现

OpenApi(Swagger)快速转换成 TypeScript 代码 - STC

在现代的Web开发中,使用OpenAPI(以前称为Swagger)规范来描述和定义API已经成为一种常见的做法。OpenAPI规范提供了一种统一的方式来描述API的结构、请求和响应,使得开发人员能够更好地理解和使用API。然而,手动编写与OpenAPI规范匹配的客户端代码或服务端框架可能是一项繁琐且耗时的任务。这就是为什么使用STC(SwaggerTransformCode)工具可以大大简化这个过程,并快速生成与OpenAPI规范一致的TypeScript代码的原因。什么是STC(SwaggerTransformCode)?STC是一个用于将OpenAPI规范的Swagger/Apifox文档

javascript - 使用模块系统从 HTML 调用 typescript 函数

我想从HTML调用TypeScript(最终是JavaScript)函数。问题是我还想使用模块系统(systemjs、commonjs等)和webpack。这是一个例子:例子.ts:exportclassExample{myFunction(){alert('Test');}}例子2.ts:exportfunctiondoSomething(){alert('Test2');}示例.html:$(document).ready(function(){$('#test-btn').click(function(){varexample=newExample();//error1examp

javascript - 使用模块系统从 HTML 调用 typescript 函数

我想从HTML调用TypeScript(最终是JavaScript)函数。问题是我还想使用模块系统(systemjs、commonjs等)和webpack。这是一个例子:例子.ts:exportclassExample{myFunction(){alert('Test');}}例子2.ts:exportfunctiondoSomething(){alert('Test2');}示例.html:$(document).ready(function(){$('#test-btn').click(function(){varexample=newExample();//error1examp

Vue3和typeScript路由传参

1params传的参数,页面刷新就消失,而query传的参数,页面刷新还会存在,所以通常用query。query传参跳转页面:拿到router对象,调用push方法做跳转.import{useRoute,useRouter}from"vue-router";exportdefaultclassmyViewextendsVue{//返回了路径信息。跟this.$route一样route=useRoute()//返回了路由对象router=useRouter()handle1():void{this.$router.push({path:"/",name:"home",query:{id:123}

Typescript中的元组与数组的区别

Typescript中的元组与数组的区别元组可以应用在经纬度这样明确固定长度和类型的场景下//元组和数组类似,但是类型注解时会不一样//元组赋值的类型、位置、个数需要和定义的类型、位置、个数完全一致,不然会报错。//数组某个位置的值可以是注解中的任何一个,且个数没有限制constarr:(string|number)[]=["aaa",111,"bbb"];//元组每一项数据类型、数量、位置,必须一致constarr2:[string,string,number]=["aaa","bbb",111];如果类型不一致会报错,如下图所示如果数量不一致也会报错,如下图所示如果位置不一致也会报错,如下