Tag: 打字稿的

Angular2 / TypeScript＆HTTP：如何将对象附加到组件？: 我试图显示一个restAPI的项目名称列表。我在响应observable上调用map并订阅获取parsing的items对象。如何将对象附加到组件并在html模板上显示item.name的列表？ import { Component, bootstrap } from 'angular2/angular2'; import { Http, HTTP_PROVIDERS } from 'angular2/http'; @Component({ selector: 'item-app', viewProviders: [HTTP_PROVIDERS], templateUrl: 'app/content.html' }) class ItemsComponent { items: Object; constructor(http: Http) { http.get('http://localhost:3000/api/items') .map(response => response) .subscribe( items => this.items = items ); } } <ul> <li *ng-for="#item of items"> {{ item.name }} </li> […]

Angular CLI和TypeScript outDir: 我刚刚在这里通过Angular CLI英雄教程。我已经遵循了所有的教程，并完成了HTTP教程。所有关于Angular 4和TypeScript的学习都很棒，但是在整个课程中，有一件事情让我感到震惊，那就是JavaScript被编译到src文件夹中。如果有一些关于打包部署的“下一步”教程会很好，但这可能超出了Angular的范围。我想改变这一点，但不是100％确定我需要做的一切。理想情况下，将编译为单独的文件夹，并包含运行该网站所需的所有文件。我查看了tsconfig.json文件并添加了outDir设置： { "compilerOptions": { "target": "es5", "outDir": "../dist/app", "module": "commonjs", "moduleResolution": "node", "sourceMap": true, "emitDecoratorMetadata": true, "experimentalDecorators": true, "lib": [ "es2015", "dom" ], "noImplicitAny": true, "suppressImplicitAnyIndexErrors": true } } 当我运行npm start代码似乎构build到dist文件夹，但是当应用程序运行时，所有我在浏览器中得到的是Cannot GET / 我错过了一些东西，包括index.html – 但我不知道我需要什么文件。所以我的问题是：我的编译的应用程序文件夹以外的哪些文件需要运行该网站？我可以使用Angular CLI修改项目文件来实现吗？

我可以在TypeScript中使用自定义模块parsing函数（如“proxyquire”）来代替require（）吗？: 我有一个TypeScript文件config.ts将与节点运行： import myDependency = require('my-dependency'); export = { doSomething = () => { … } } 在其他的TypeScript文件中，我可以import这个文件的完整types的安全性： import config = require('./config'); config.doSomething(); config.doSomethingElse(); // compiler error, this method doesn't exist 现在我想unit testing这个脚本。为了模拟这个脚本所require()的依赖require()我使用了proxyquire ，它让我提供脚本在调用require()时候得到的值。以下是我的testing可能的样子： import proxyquire = require('proxyquire'); const config = proxyquire('./config', { 'my-dependency': {} // this mocked object will be provided when config.ts […]