اشتراک‌ها
معرفی KeyValue Pipe در Angular 6.1

Introducing the New KeyValuePipe in Angular

<div *ngFor="let row of rows | keyvalue">
{{ row | json }}
{{row.key}}: {{row.value}}
</div>


معرفی KeyValue Pipe در Angular 6.1
اشتراک‌ها
تغییر آدرس اصلی درخواستهای اپلیکیشن angular و فرستادن درخواست ها به آدرس سرور

برای محیط هایی که سرور و کلاینت به صورت مجزا هستند و هر کدام بر روی پورت جداگانه هنگام توسعه اجرا می‌شوند می‌توان با استفاده از پراکسی درخواست‌های سمت کلاینت را به سرور ارسال کرد، برای مثال سمت سرور اپلیکیش web api  و سمت کلاینت angular داشته باشیم.

تغییر آدرس اصلی درخواستهای اپلیکیشن angular و فرستادن درخواست ها به آدرس سرور
اشتراک‌ها
پروژه تک صفحه ای WebApi و Angular 2

این مقاله برای دوستانی که علاقه دارند از Angular 2  در پروژه هاشون استفاده کنند واقعا مناسبه، سورس سرور و هم بسیار مرتب نوشته شده است.

  • Best Web Dev Article of October 2016 
پروژه تک صفحه ای WebApi و Angular 2
اشتراک‌ها
Angular 2 برای توسعه دهنده‌های Angular 1
// Angular 1
const module = angular.module('myModule', []);
module.service('UserService', ['$http', function ($http) {  
  this.getUsers = () => {
    return $http.get('http://api.mywebsite.com/users')
                .then(res => res.data)
                .catch(res => new Error(res.data.error));
  }
}]);

/***************************************************************/

// Angular 2
import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';

@Injectable()
class UserService { 
  constructor(private http: Http) {}
  
  getUsers(): Observable<User[]> {
    return this.http.get('http://api.mywebsite.com/users')
                    .map((res: Response) => res.json())
                    .catch((res: Response) => Observable.throw(res.json().error);
  }  
}
Angular 2 برای توسعه دهنده‌های Angular 1