Tag: 打字稿
如何实现RouteReuseStrategy应该针对Angular 2中的特定路线进行定义
我有一个Angular 2模块，我已经实现了路由，并希望导航时存储的状态。 用户应该能够：1.使用searchformulasearch文档2.导航到其中一个结果3.导航回searchresult – 不与服务器通信 这可能包括RouteReuseStrategy。 问题是：如何实现文档不应该被存储？ 所以pathpath“文件”的状态应该被存储，并且pathpath“文件/：id”状态不应该被存储？
@ Directive v / s @Component in Angular
@Component和@Directive在Angular之间有什么区别？ 他们两个似乎都做了相同的任务，并具有相同的属性。 什么是用例，什么时候更喜欢一个呢？
Angular 2/4在IE11中不工作
我想弄清楚为什么我的angular2应用程序卡在显示加载…在IE 11中运行时。 在某人的build议下，我试过了这个笨蛋，在堆栈溢出的人上发布，在Chrome和IE 11上。在Chrome上工作正常，但在IE 11上失败。同样的错误，坚持说“正在加载…” 重击者是： https ：//plnkr.co/edit/6zVFbrH5yohwc714gBbk ？ p = preview <!DOCTYPE html> <html> <head> <script>document.write('<base href="' + document.location + '" />');</script> <title>Router Sample</title> <link rel="stylesheet" href="style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.34.2/es6-shim.min.js"></script> <script src="https://code.angularjs.org/2.0.0-beta.1/angular2-polyfills.js"></script> <script src="https://code.angularjs.org/tools/system.js"></script> <script src="https://code.angularjs.org/tools/typescript.js"></script> <script src="https://code.angularjs.org/2.0.0-beta.1/Rx.js"></script> <script src="https://code.angularjs.org/2.0.0-beta.1/angular2.dev.js"></script> <script src="https://code.angularjs.org/2.0.0-beta.1/http.dev.js"></script> <script> System.config({ transpiler: 'typescript', typescriptOptions: { emitDecoratorMetadata: true }, packages: {'src': {defaultExtension: 'ts'}} […]
你如何部署Angular 2应用程序？
一旦他们到达生产阶段，你如何部署Angular 2应用程序？ 到目前为止，我所见过的所有指南（即使是在angular.io上 ）都依赖于lite服务器和browserSync来反映更改 – 但是当您完成开发时，如何发布应用程序？ 我是否将所有编译后的.js文件导入到index.html页面，还是使用gulp将它们缩小？ 他们会工作吗？ 生产版本中是否需要SystemJS？
DI具有循环依赖与自定义HTTP和ConfigService
我试图实现一个ConfigService来检索项目中正确环境的正确configuration。 我目前遇到循环依赖 (index):28 Error: (SystemJS) Provider parse errors: Cannot instantiate cyclic dependency! Http: in NgModule AppModule Error: Provider parse errors: 我已经探索了代码，在我看来有这个问题： CustomHttp constructor(backend: XHRBackend, options: RequestOptions, public spinnerService: SpinnerService, public exceptionService: ExceptionService, public configService: ConfigService) ExceptionService constructor(private _notificationService: NotificationService, private _spinnerService: SpinnerService, private _configService: ConfigService, private _router: Router) 的ConfigService constructor(private http: Http) {} 正如你所看到的，我已经在这个图表中说明了循环依赖（没有任何好的约定）： 我现在的问题是，如何解决？ […]
dynamic加载打字稿类（打字稿的reflection）
我希望能够实例化一个打字稿类，在那里我得到的类和构造详细信息在运行时。 我想写的函数将采取类名称和构造函数参数。 export function createInstance(moduleName : string, className : string, instanceParameters : string[]) { //return new [moduleName].[className]([instancePameters]); (THIS IS THE BIT I DON'T KNOW HOW TO DO) }
如何使用* ngFor显示json对象
我想从Firebase显示以下数据 { "-KBN9O_qqz-nZ9tPWFdM":{ "createdAt":1456399292790, "isActive":true, "name":"Hero 1" }, "-KBN9gjJw1ZlMgt9pVsl":{ "createdAt":1456399371220, "isActive":true, "name":"Hero 2" }, "-KBN9hYI4vYAsyh5k1lX":{ "createdAt":1456399374548, "isActive":true, "name":"Hero 3" } } 例如，在做angular.io Tour of Heroes教程时 <li *ngFor="#hero of heroes"> <span class="badge">{{hero.id}}</span> {{hero.name}} </li> 所以英雄身份证应该显示例如-KBN9hYI4vYAsyh5k1lX和英雄名字应该显示例如hero 3 我已经做了一些研究，并通过@Thierry Templier 访问键和对象的值使用* ngFor碰到这个计算器解决scheme （1）这是我的问题的正确解决scheme？ （2）这个问题有一个更简单的解决scheme，因为我觉得使用Angular2显示这样的json数据的开发者真的很常见。
将Material Design Lite与Angular2集成
我在ng2中整合一个材料devise（ http://www.getmdl.io/ ）时遇到一个小问题你能帮我吗？我将把我所做的 http://www.getmdl.io/started/index.html#tab1 ，解释了devise的整合 http://www.getmdl.io/components/index.html#textfields-section ，这是一个带有浮动标签的文本字段的例子，现在我已经集成了Plunkr ，但是没有工作，你可以请看看正如你可以看到在index.html我有CSS和JS文件包含由http://www.getmdl.io/started/index.html#tab1build议 <!– GetMDL scripts –> <link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css"> <script src="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js"></script> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <!– GetMDL scripts –>然后在app.component.ts文件中： import {Component, ViewEncapsulation} from 'angular2/core'; @Component({ selector: 'my-app', template: `<form action="#"> <div class="mdl-textfield mdl-js-textfield mdl-textfield–floating-label"> <input class="mdl-textfield__input" type="text" id="sample3"> <label class="mdl-textfield__label" for="sample3">Text…</label> </div> </form>`, encapsulation:ViewEncapsulation.None, })
如何从angular2从URL获取查询参数？
我使用angular2.0.0-beta.7。 当一个组件加载到像“/ path？query = value1”这样的path上时，它被redirect到“/ path”。 为什么GET参数被删除？ 我怎样才能保留参数？ 我在路由器中有错误。 如果我有一个主要的路线 @RouteConfig([ { path: '/todos/…', name: 'TodoMain', component: TodoMainComponent } ]) 和我的孩子路线一样 @RouteConfig([ { path: '/', component: TodoListComponent, name: 'TodoList', useAsDefault:true }, { path: '/:id', component: TodoDetailComponent, name:'TodoDetail' } ]) 我不能在TodoListComponent得到参数。 我可以得到matrix params("/my/path;param1=value1;param2=value2") 但我想要经典 query params("/my/path?param1=value1¶m2=value2")
从外部调用webpacked代码（HTML脚本标记）
假设我有这样的类（写在打字稿中），我把它与webpack捆绑到bundle.js 。 export class EntryPoint { static run() { … } } 在我的index.html中，我将包含这个包，但是我也想调用这个静态方法。 <script src="build/bundle.js"></script> <script> window.onload = function() { EntryPoint.run(); } </script> 但是，在这种情况下， EntryPoint是不确定的。 我怎样才能从另一个脚本调用捆绑的JavaScript呢？ 增加 ： Webpackconfiguration文件 。
