草庐IT

awesome-typescript-loader

全部标签

javascript - 如何在 Typescript 中为 Angular2 编写 console.log 包装器?

有没有办法编写一个全局的自制mylogger函数,我可以在Angular2typescript项目中用于我的服务或组件而不是console.log函数?我想要的结果是这样的:mylogger.tsfunctionmylogger(msg){console.log(msg);};用户服务.tsimport'commons/mylogger';exportclassUserService{loadUserData(){mylogger('Abouttogetsomething');return'something';};}; 最佳答案

javascript - 无法在 Firefox 中调试 Typescript(源)文件

好的,我使用5MinQUICKSTART创建了一个基本的Angular2Typescript项目它已经启动并正在运行。我的typescript转译器配置为创建源map:tsconfig.js{"compilerOptions":{"target":"es5","module":"commonjs","moduleResolution":"node","sourceMap":true,"emitDecoratorMetadata":true,"experimentalDecorators":true,"removeComments":false,"noImplicitAny":false

javascript - Font-Awesome 图标阻止点击父按钮

我遇到一个问题,我放置在按钮元素内的Font-Awesome图标的左边两个像素没有触发按钮的点击事件。这是一个示例按钮:这是使用bootstrap后的样子对于为什么剩下的两个像素不触发点击事件有什么想法吗?编辑:这是我设法重现问题的测试站点:http://ace.cwserve.com 最佳答案 我知道这篇文章已有4年历史了,但它可能会帮助人们理解为什么按钮内的超赞字体“图标”会阻止点击事件。呈现时,图标类会向图标标签添加一个::before伪元素,以阻止按钮的点击事件。鉴于这种情况,我们绝对应该看看CSSpointer-event

javascript - Visual Studio 2015 NodeJS/Typescript 覆盖 Node 启动文件

我不断收到以下错误:ErrorCode:TS5055CannotwritefileC:/project/dir/server.js'becauseitwouldoverwriteinputfile.Project:TypeScript/JavaScriptVirtualProjects我什至尝试将我的入口文件名更改为nodeserver.js,过了一会儿我得到了同样的错误:ErrorCode:TS5055CannotwritefileC:/project/dir/nodeserver.js'becauseitwouldoverwriteinputfile.Project:TypeScr

javascript - 将 TypeScript 与外部 JS 文件捆绑在一起(例如 node_modules)

我可以成功地将我的Typescript项目捆绑在一起,并使用例如将其保存为单个文件tsc--outFile"build/bundle.js"但是,此文件仅包含Typescript文件,不包含“node_modules”目录中的任何文件,例如jQuery。如果我尝试执行bundle,我只会收到找不到文件的错误消息。如何将我的Typescript依赖的“node_modules”文件添加到同一个捆绑文件中?Typescript显然知道文件的位置,因为它的路径是正确的。我正在使用SystemJS在浏览器中加载我的项目。我承认我很困惑我应该如何加载模块和捆绑(我可以使用SystemJSbund

javascript - “this”在 TypeScript 属性装饰器中未定义

我试图理解TypeScript装饰器(特别是针对属性),并且我根据我看到的一些示例想出了以下代码:decorator.tsexportfunctionlogProperty(target:any,key:string){letval=this[key];constgetter=()=>{console.log(`Get:${key}=>${val}`);returnval;};constsetter=(newVal)=>{console.log(`Set:${key}=>${newVal}`);val=newVal;};if(deletethis[key]){Object.define

javascript - 如何将 javascript AMD 模块导入外部 TypeScript 模块?

如何将javascriptAMD模块导入外部TypeScript模块?我正在模块化我的客户端TypeScript程序以使用由Bower管理的AMD模块。作为这个过程的一部分,一个Typescript模块变成了一个javascriptAMD模块,然后我发布了它。现在我有一个javascriptAMD模块,我想将其包含在TypeScript模块中,但我不想发布带有javascriptAMD的原始TypeScript。我不知道如何编写我的TypeScript代码,以便它加载没有相应TypeScript的javascriptAMD模块,而且最新版本的TypeScript似乎还不支持这个。如果我

javascript - Angularjs Typescript Controller 继承和依赖注入(inject)

我正在尝试创建一组Controller类,这些类派生自具有许多依赖项的基类。每次我想创建派生类时,我都必须将基类构造函数依赖项复制到派生类构造函数中。这看起来特别丑陋和重复。见下文;moduleMyModule{exportclassParentCtrl{constructor($http,$provide,$scope,$compile,MyService,$parse,$timeout){console.log('parent');}FunctionA(){...}...FunctionZ(){...}}exportclassChildCtrlextendsParentCtrl{c

javascript - 自定义 Webpack CSS-loader "localIdentName"查询标记占位符?

我是Webpack的新手,一直在玩弄css-loader。OntheGithubpageunder"LocalScope"有关于使用您自己的自定义值指定localIdentName查询标记的信息,例如:[path][name]---[local]---[hash:base64:5]。这个标签允许我们指定类在被处理后应该如何命名。我们是否可以为此查询标记定义我们自己的自定义值占位符,即css-loader?localIdentName=[MyCustomMethod]-[hash:base64:5]? 最佳答案 我认为不可能在那里放置

javascript - 如何实现 Typescript 异步等待模式 : Where is the Promise

我正在学习Angular和Typescript。我有一个客户服务,在这个服务中我有一个方法,我希望从RESTfull服务返回一组客户。最初我是这样创建我的GetCustomers函数的:publicGetCustomers():Dtos.ICustomer[]{var_customers:Dtos.ICustomer[];this._httpService.get('http://localhost/myTestApi/api/customers/').success(function(data){_customers=dataasDtos.ICustomer[];}).error(f