Tag: angular

Rails升级到angular度2

我想升级我现有的Rails和Angular 1.x应用程序。 我正在按照ng升级文档 ,看到有很多依赖包括systemjs , 打字稿 , tsd和一些其他的JavaScript库。 理想情况下,将有一个angular度2的gem,将有所有的依赖,但我无法find。 接下来,我查找每个依赖关系的gem,但没有一个tsd。 切换到自定义构build策略是否有意义,这样我可以使用npm进行JavaScript包pipe理? 我读这篇文章,build议大家,但我喜欢资产pipe道的便利。 任何人都可以指向成功使用rails项目ng-upgrade的例子吗? 它是否使用像gulp一样的定制构build解决scheme还是使用资产pipe道?

当你运行ng服务时会发生什么?

我一直在使用Angular-CLI 。 它带有一些命令,包括在localhost:4200启动服务器的ng serve 。 我习惯于使用Grunt和Gulp来configuration我的需求。 我想configurationAngular-CLI的服务器,但后来我意识到我不知道它是什么或如何configuration它。 剔除serve项目还没有发现任何有用的东西。 那么, ng serve到底是什么呢?

使用rxjs处理刷新令牌

因为我已经开始使用angular2了,我已经设置了我的服务来返回T的Observable。在服务中,我将调用map(),使用这些服务的组件只使用subscribe()等待响应。 对于这些简单的情况,我真的不需要深入到rxjs,所以一切都好。 我现在想要实现以下内容:我正在使用刷新令牌的Oauth2身份validation。 我想构build一个所有其他服务将使用的api服务,并且在返回401错误时将透明地处理刷新令牌。 因此,在401的情况下,我首先从OAuth2端点获取新令牌,然后使用新令牌重试我的请求。 下面是可以正常工作的代码,并承诺: request(url: string, request: RequestOptionsArgs): Promise<Response> { var me = this; request.headers = request.headers || new Headers(); var isSecureCall: boolean = true; //url.toLowerCase().startsWith('https://'); if (isSecureCall === true) { me.authService.setAuthorizationHeader(request.headers); } request.headers.append('Content-Type', 'application/json'); request.headers.append('Accept', 'application/json'); return this.http.request(url, request).toPromise() .catch(initialError => { if (initialError && initialError.status === 401 && isSecureCall === true) […]

Angular2多个路由器sockets在同一个模板中

是否有可能在同一个模板中有多个路由器sockets? 如果是,那么如何configuration路由? 我正在使用angular2testing版。 谢谢。

angular2/4 – 提前编译如何

我试图引导我的Angular 2 RC5应用程序遵循本指南https://angular.io/docs/ts/latest/guide/ngmodule.html下面是我的代码 import { AppModuleNgFactory } from './app.module.ngfactory'; import {platformBrowser} from "@angular/platform-browser"; platformBrowser().bootstrapModuleFactory(AppModuleNgFactory); 但是,当我试图编译打字稿的代码,我得到了以下错误 app \ main.ts(1,36):错误TS2307:找不到模块'./app.module.ngfactory'。 我怎样才能生成app.module.ngfactory文件? 我应该使用哪个工具?

Angular 2 – 如何使用新的angular度2.0.0-rc.1路由器

我开始写一个新的angular度2项目,我发现我安装了2个angular度路由器: "@angular/router": "2.0.0-rc.1" , "@angular/router-deprecated": "2.0.0-rc.1" , 我没有在angular度网站find如何使用新的路由器。 例如,我需要导入哪个组件。 所以我的问题是: 我应该使用router-deprecated ? 有没有什么好的文件如何使用新的路由器?

Angular2 @使用get / set来input一个属性

我在这个组件中有一个Angular2组件,它当前有一堆字段,它们之前应用了@Input(),以允许绑定到该属性,即 @Input() allowDay: boolean; 我想要做的是实际绑定到一个属性与get / set,这样我可以在setter中做一些其他的逻辑,如下所示 _allowDay: boolean; get allowDay(): boolean { return this._allowDay; } set allowDay(value: boolean) { this._allowDay = value; this.updatePeriodTypes(); } 我将如何在Angular2中做到这一点? 基于Thierry Templier的build议,我改变了它,但是抛出了错误因为它不是一个已知的本地属性,所以不能绑定到'allowDay': //@Input() allowDay: boolean; _allowDay: boolean; get allowDay(): boolean { return this._allowDay; } @Input('allowDay') set allowDay(value: boolean) { this._allowDay = value; this.updatePeriodTypes(); }

在AngularJS中testing$资源服务

我正在尝试为我的angular度应用程序开始编写unit testing,并且非常快地触发了一个停止块,因为我不确定如何以可testing的方式模拟我的服务。 有没有一种方法来嘲弄REST的呼叫,否则似乎我需要在我的服务内反映我的服务中的一切似乎并不正确,但我是新的testing写作,所以也许这就是它应该如何要完成。 任何帮助将不胜感激。 我的服务如下: angular.module('resources.users', ['ngResource']) .factory('User', function($resource) { var resource = $resource('/api/index.php/users/:username', {}, { 'update': {method: 'PUT'} }); resource.getUser = function(username, successCb) { return resource.query({username: username}, successCb); }; return resource; }); 我的testing到目前为止: describe('User', function() { var mockUserResource; beforeEach(module('resources.users')); beforeEach(function() { mockUserResource = sinon.stub({ getUser: function(username) { mockUserResource.query({username: username}); }, query: function() {} }); […]

在angular2中导航错误

我更新了angular度包版本从2.4.10到4.0.0更新后我在导航时遇到以下错误。 ERROR Error: Uncaught (in promise): Error: Found the synthetic property @transformPlaceholder. Please include either "BrowserAnimationsModule" or "NoopAnimationsModule" in your application. Error: Found the synthetic property @transformPlaceholder. Please include either "BrowserAnimationsModule" or "NoopAnimationsModule" in your application 我更改了webpack.common.jsconfiguration。 看下面的代码 new webpack.ContextReplacementPlugin( // The (\\|\/) piece accounts for path separators in *nix and Windows /angular(\\|\/)core(\\|\/)@angular/, helpers.root('./src'), // […]

什么相当于Angular2 ngSrc?

我想实现img,来自JSON对象的src。 在angular1中,我可以这样做: <img ng-src="{{hash}}" alt="Description" /> 在Angular2中有没有这个相同的东西?