Tag: 打字稿

AngularJS 2 – 使用哪种语言? (打字稿,Javascript,镖)

随着AngularJS 2出来,文档build议三种语言: Typescript , Javascript和Dart 。 我只是习惯了Javascript EcmaScript 5,我想知道这三者的优缺点是什么? 当问这个问题的时候,文档在打字稿上更加发达,其他人(甚至他们自己的语言飞镖)也很苗条: Typescript: 4个教程,16个开发人员指南,4个testing指南 Javascript: 0个教程,4个开发人员指南,0个testing指南 Dart: 0个教程,14个开发人员指南,0个testing指南 我是否应该改变使用Javascript进行开发的习惯,并遵循Angular 2使用Typescript的build议? 它真的改变了Javascript的概念吗? AngularJS 2.0官方网站

模块与命名空间 – 导入vs需要打字稿

我对module/namespace/export和import, require, reference用法感到困惑。 从Java的背景,有人可以解释我什么时候使用什么和什么是正确的devise? 当我写样本项目时,我觉得自己很乱 到目前为止,这是我的理解1. module是外部的包2. namespace是内部的包 我没有得到我们如何分类他们? 何时导出类或名称空间或包? 如果我们导出包/名称空间,那么所有的类都被导出或需要被显式导出 他们每个人如何import/需要? 根据文档 ,如果我为每个经理/模型创build每个“ts”文件,Typescript不build议使用“命名空间”? 直接使用参考path? Please explain in detail as I am coming from different background and not sure about ES6/ES5 etc 。 我看到有几个人正在提出/混淆同样的问题。 我希望有人能够详细解释真实世界的情况

如何使用angular-cli webpackdebuggingangular2应用程序?

我以前使用angular-cli@1.0.0-beta.10,现在我更新到angular-cli @ webpack beta.11。 经过很多自定义更改,我得到它的工作。 唯一的是,现在我无法使用webstorm和chromedebugging器来debugging我的angular 2应用程序,因为我没有使用ng serve获取任何ts文件。 使用angular-cli@1.0.0-beta.10,使用Jetbrains插件debugging我的应用程序非常简单。 如何使用ng服务debugging我的angular 2应用程序Webstorm和Chromedebugging器?

tsconfig.json:生成:在configuration文件中找不到任何input

我有一个ASP.NET核心项目,当我尝试构build它时出现此错误: error TS18003: Build:No inputs were found in config file 'Z:/Projects/client/ZV/src/ZV/Scripts/tsconfig.json'. Specified 'include' paths were '["**/*"]' and 'exclude' paths were '["../wwwroot/app","node_modules/*"]'. 1> The command exited with code 1. 1> Done executing task "VsTsc" — FAILED. 这是我的tsconfig.json文件: { "compileOnSave": true, "compilerOptions": { "emitDecoratorMetadata": true, "experimentalDecorators": true, "lib": [ "es5", "dom" ], "module": "commonjs", "moduleResolution": "node", "noEmitOnError": […]

如何在rxjs中返回一个空的observable

函数more()应该从get请求中返回一个Observable export class Collection{ public more = (): Observable<Response> => { if (this.hasMore()) { return this.fetch(); } else{ // return empty observable } } private fetch = (): Observable<Response> => { return this.http.get('some-url').map( (res) => { return res.json(); } ); } } 在这种情况下,我只能做一个请求,如果hasMore()是真的,否则我得到一个错误的subscribe()函数subscribe is not defined ,我怎样才能返回一个空的可观察? this.collection.more().subscribe( (res) =>{ console.log(res); }, (err) =>{ console.log(err); […]

在TypeScript中,不同的枚举变体是如何工作的?

TypeScript有很多不同的方法来定义一个枚举: enum Alpha { X, Y, Z } const enum Beta { X, Y, Z } declare enum Gamma { X, Y, Z } declare const enum Delta { X, Y, Z } 如果我尝试在运行时使用Gamma的值,我得到一个错误,因为Gamma没有定义,但Delta或Alpha不是这种情况? 这里的const或者declare含义是什么? 还有一个preserveConstEnums编译器标志 – 这是如何与这些交互?

在Typescript中创build一个AngularJS 1.5组件的最佳实践是什么?

我正在使用Angular 1.5中的.component()语法进行试验。 看起来,最新的方式是在组件中编码控制器,而不是单独的文件,我可以看到,鉴于组件样板是最小的优点。 问题是我一直编写我的控制器作为打字稿类,并希望继续这样做,因为这似乎是符合Angular2。 我最大的努力就是这样的: export let myComponent = { template: ($element, $attrs) => { return [ `<my-html>Bla</my-html>` ].join('') }, controller: MyController }; class MyController { } 它的工作,但它不是优雅的。 有没有更好的办法?

angular2滚动到底部(聊天风格)

在ng-for循环中有一组单元组件。 我拥有一切,但我似乎无法弄清楚 目前我有一个 setTimeout(() => { scrollToBottom(); }); 但是这并不是一直工作,因为图像asynchronous地将视口向下推。 什么是适当的方式滚动到angular2聊天窗口的底部?

UnitScript中的unit testing

我知道,TypeScript是一天。 但我很好奇,如果在这里有一些unit testing框架或方式如何编写和运行TypeScript的unit testing? TypeScript可以编译为JavaScript,我可以为该JavaScript编写testing,但这不是我想要的。

如何使用select/选项/ NgFor Angular2中的对象数组

我无法在Angular2中创build一个由对象数组支持的select,而不是string。 我知道如何在AngularJS中使用ngOptions来实现它,但是它似乎在Angular2中没有用(我使用的是alpha 42)。 在下面的示例中,我有四个select,但只有两个工作。 'selectstring'是一个简单的基于string的select,它工作正常。 “通过双向绑定select对象”是我尝试使用双向绑定。 不幸的是,它失败的方式有两种 – 当页面加载时,select显示错误的值(foo而不是bar),当我在列表中select一个选项时,值['object Object]'被发送到后备存储而不是正确的价值。 “通过事件select对象”是我试图从$事件获取选定的值。 它也以两种方式失败 – 初始加载与#2相同的方式是不正确的,当我在列表中select一个选项时,从事件中检索“[object Object]”值,所以我不能得到正确的价值。 select被清除。 “通过stringselect对象”是使用工作对象的唯一方法。 不幸的是,它通过使用#1的string数组并将string的值转换为对象并将其转换回来。 我可以做#4,如果这是预期的方式,但它似乎很笨重。 还有另一种方法吗? 我只是在阿尔法呢? 我做了些傻事吗? import {Component, FORM_DIRECTIVES, NgFor} from 'angular2/angular2'; interface TestObject { name:string; value:number; } @Component({ selector: 'app', template: ` <h4>Select String</h4> <select [(ng-model)]="strValue"> <option *ng-for="#o of strArray" [value]="o">{{o}}</option> </select> <h4>Select Object via 2-way binding</h4> <select […]