Tag: angular

如何将TypeScript中开发的Angular 2应用程序部署到生产环境中？: 我是Angular 2的新手。我对Angular 2如何在生产环境中工作感到困惑。在生产服务器上运行Angular 2应用程序有哪些先决条件？可以在IIS服务器上部署应用程序，还是需要节点服务器？使用节点在开发机器中编译文件之后，是否需要将.js和.ts两个文件部署到生产环境？

Angular2中有哪些选项（keyup）？: 当input键被释放时，下面的工作很好。除了keyup.enter还有什么其他选项可用于keyup ？ <input #inputstring (keyup.enter)="doSomething(inputstring.value)"/>

Angular2使用Hashtag路由到页面定位: 我希望在我的Angular2页面添加一些链接，当点击时，将跳转到该页面中的特定位置，如正常的主题标签所做的。所以这个链接就是这样的 /users/123#userInfo /users/123#userPhoto /users/123#userLikes 等等我不认为我需要HashLocationStrategy，因为我用正常的Angular2方法很好，但是如果直接添加，链接实际上会跳转到根目录，而不是在同一页上的某处。任何方向感谢，谢谢。

将父范围值传递给Angular中的ng-repeat循环: 这应该是一个非常简单的问题，但我发现的所有解决方法都很复杂。我正在循环使用模板中的ng-repeat对象数组，如下所示： <div class="row-fluid" ng-repeat="message in messages.current|filter:'draft'"> {{ message.subject }} … {{ campaign.name }} … </div> 由于ng-repeat创build一个新的范围，控制器中的“活动”对象似乎不可访问。有没有什么办法（除了添加广告系列对象到我的数组中的每个项目）获取该值？提前致谢。

如何用Jasmine为私有方法编写Angular 2 / TypeScript的unit testing: 你如何testingangular2的私人function？ class FooBar { private _status: number; constructor( private foo : Bar ) { this.initFooBar(); } private initFooBar(){ this.foo.bar( "data" ); this._status = this.fooo.foo(); } public get status(){ return this._status; } } 我find的解决scheme 将testing代码本身放在闭包中，或者在闭包中添加代码，将外部作用域中现有对象上的局部variables的引用存储在闭包中。之后用工具去掉testing代码。 http://philipwalton.com/articles/how-to-unit-test-private-functions-in-javascript/ 如果你做了什么，请给我build议一个更好的方法来解决这个问题？ PS 大多数类似这样的问题的答案不能解决问题，这就是为什么我问这个问题大多数开发者说你不要testing私有函数，但是我不认为它们是错误的或者正确的，但是我的情况是需要testing私有的。

检查安装的angular度cli的版本？: 有没有办法检查我的机器上全局安装的特定版本的angular-cli？我在Windows环境中。 npm -v和node -v分别只给出了npm和node的版本，我似乎无法用ngfind任何命令。我正在尝试运行一个我正在使用的项目，并使用npm在较早版本的angular-cli上运行。但是，在安装其他演示项目之后，如果不卸载并重新安装特定版本的angular-cli，我的主项目将无法工作。

Angular 2的被动链接 – <a href="">等价: 在Angular 1.x中，我可以做如下创build一个基本上什么都不做的链接： <a href="">My Link</a> 但是相同的标签导航到Angular 2中的应用程序库。 Angular 2中有什么相同之处？编辑：它看起来像一个在Angular 2路由器中的bug，现在在github上有一个开放的问题。我正在寻找一个开箱即用的解决scheme，或者确认不会有任何问题。

为angular2实现自动完成: 我无法为Angular2find一个很好的自动完成组件。只要我可以传递一个键列表，标签对象，并在input字段上有一个很好的自动完成。 Kendo目前还不支持angular2，而且我们主要在内部使用它。看起来angular材料不支持angular2。任何人都可以请指出我在正确的方向或让我知道他们正在使用？这是我迄今为止build立的。这是非常糟糕的，我想find一些看起来不错的东西。 import {Component, EventEmitter, Input, Output} from 'angular2/core'; import {Control} from 'angular2/common'; import {Observable} from 'rxjs/Observable'; import {SimpleKeyValue} from '../models/simple-key-value' import 'rxjs/add/operator/map'; import 'rxjs/add/operator/debounceTime'; import 'rxjs/add/operator/distinctUntilChanged'; @Component({ selector: 'general-typeahead', template: ` <div> <div class="input-group"> <input type="text" [ngFormControl] = "term" class="form-control" placeholder={{placeHolder}} > </div> <ul> <li class="item" *ngFor="#item of matchingItems" […]

如何在Angular 2中设置Bootstrap navbar“active”类？: 如何在Angular 2中设置Bootstrap navbar“active”类？我只findAngular 1的方法。当我转到关于页面时，添加class="active"到About ，并在Home上删除class="active" 。 <ul class="nav navbar-nav"> <li class="active"><a [routerLink]="['Home']">Home</a></li> <li><a [routerLink]="['About']">About</a></li></li> </ul> 谢谢

如何使用ngStyle（angular2）添加背景图片？: 如何使用ngStyle添加背景图片？我的代码不起作用： this.photo = 'http://dl27.fotosklad.org.ua/20121020/6d0d7b1596285466e8bb06114a88c903.jpg'; <div [ngStyle]="{'background-image': url(' + photo + ')}"></div>