Tag: angular

Angular 2路由器事件监听器: 如何在Angular 2路由器上监听状态变化？在Angular 1.x中，我使用了这个事件： $rootScope.$on('$stateChangeStart', function(event,toState,toParams,fromState,fromParams, options){ … }) 所以，如果我在Angular 2中使用这个eventlistener： window.addEventListener("hashchange", () => {return console.log('ok')}, false); 它不是返回'OK'，然后从JS状态改变，只有浏览器history.back（）函数运行。使用router.subscribe（）函数作为服务： import {Injectable} from 'angular2/core'; import {Router} from 'angular2/router'; @Injectable() export class SubscribeService { constructor (private _router: Router) { this._router.subscribe(val => { console.info(val, '<– subscribe func'); }) } } 在路由中初始化的组件中注入服务： import {Component} from 'angular2/core'; import {Router} from […]

Angular 2如果path不存在，如何redirect到404或其他path: 我试图redirect404 /其他path，如果path不存在angular2 我试图研究有一些方法angular1，但不angular2。这是我的代码： @RouteConfig([ { path: '/news', name: 'HackerList', component: HackerListComponent, useAsDefault: true }, { path: '/news/page/:page', name: 'TopStoriesPage', component: HackerListComponent }, { path: '/comments/:id', name: 'CommentPage', component: HackerCommentComponent } ]) 因此，例如，如果我redirect到/news/page/然后它的工作，它返回给我一个空的页面，你如何处理这种情况下发生？

在Angular2-View中，在INPUT元素的ngModel中使用pipe道: 我有一个HTMLinput字段。 <input [(ngModel)]="item.value" name="inputField" type="text" /> 我想格式化它的值并使用现有的pipe道： …. [(ngModel)]="item.value | useMyPipeToFormatThatValue" ….. 并得到错误信息：在动作expression式中不能有pipe道我如何在这种情况下使用pipe道？

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

获取Angular状态推迟？: 使用jQuery延迟，我习惯于能够像这样检查当前状态： var defer = $.Deferred(); defer.state(); //Returns the state of the deferred, eg 'resolved' 有没有办法做同样的Angular延期？（甚至更好的承诺）

量angular器/selenium“无法findchromedriver”（在Windows上）: 我按照这个教程安装了量angular器，当我使用webdriver-manager更新时说： selenium standalone is up to date. chromedriver is up to date. 当我尝试运行量angular器testing时，它会说： C:\Users\****\AppData\Roaming\npm\node_modules\protractor\lib\driverProviders\local.dp.js:42 throw new Error('Could not find chromedriver at ' + ^ Error: Could not find chromedriver at C:\Users\****\AppData\Roaming\npm\node_modules\protractor\selenium\chromedriver.exe at LocalDriverProvider.addDefaultBinaryLocs_ (C:\Users\****\AppData\Roaming\npm\node_modules\protractor\lib\driverProviders\local.dp.js:42:15) at LocalDriverProvider.setupEnv (C:\Users\****\AppData\Roaming\npm\node_modules\protractor\lib\driverProviders\local.dp.js:59:8) at Runner.run (C:\Users\****\AppData\Roaming\npm\node_modules\protractor\lib\runner.js:308:31) at process.<anonymous> (C:\Users\****\AppData\Roaming\npm\node_modules\protractor\lib\runFromLauncher.js:32:14) at process.EventEmitter.emit (events.js:98:17) at handleMessage (child_process.js:318:10) at Pipe.channel.onread (child_process.js:345:11) [launcher] Runner Process […]

用C＃中的angular度计算圆周上的点？: 我想这是一个简单的问题，但我得到一些奇怪的结果与我目前的代码，我没有math背景，以充分理解为什么。我的目标很简单，正如标题所说：我只想从中心点以一定的距离和angular度find点。我目前的代码： Point centerPoint = new Point ( 0, 0 ); Point result = new Point ( 0, 0 ); double angle = 0.5; //between 0 and 2 * PI, angle is in radians int distance = 1000; result.Y = centerPoint.Y + (int)Math.Round( distance * Math.Sin( angle ) ); result.X = centerPoint.X + (int)Math.Round( […]

如何使用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 […]

如何创build跨域请求（Angular 2）？: 如何使用Angular 2创build跨域请求？你能提供一个例子吗？ localhost：3000和localhost：8000跨域请求？谢谢。

TypeError：search.valueChanges.debounceTime不是一个函数: 我只是学习angular2。在应用input变化的时候，我得到了错误。 app.ts： export class AppComponent { form: ControlGroup; constructor(fb: FormBuilder) { this.form = fb.group({ search: [] }); var search = this.form.find('search'); search.valueChanges .debounceTime(400) .map(str => (<string>str).replace(' ','‐')) .subscribe(x => console.log(x)); }; } 错误：如何解决这个问题？我错过了什么吗？ Plunker演示注意我不能生产任何东西，因为我现在正在写第一次冲锋者。我只在plunker写了我的app.ts代码。我已经从我的本地电脑显示错误的截图。如果你告诉我在plunker上运行angular2项目的方式，我也会很感激。