Skip to content

Instantly share code, notes, and snippets.

View niisar's full-sized avatar
🎯
Focusing

Mohammed Nisar Ansari niisar

🎯
Focusing
View GitHub Profile
@niisar
niisar / my-service.service.ts
Created May 22, 2016 11:45
HTTP and Routing - Get in HTTP
import { Injectable } from '@angular/core';
import { IProduct } from './product';
import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';
@Injectable()
export class MyServiceService {
private productUrl = '/app/products.json';
constructor(private http: Http) {}
@niisar
niisar / main.ts
Created May 20, 2016 03:35
DI - The opaque token
import { bootstrap } from '@angular/platform-browser-dynamic';
import { enableProdMode, provide } from '@angular/core';
import { T3AppComponent, environment } from './app/';
import { MyServiceService } from './app/my-service.service';
import { LOOKUP_LISTS, lookupLists } from './app/providers';
if (environment.production) {
enableProdMode();
}
@niisar
niisar / main.ts
Created May 20, 2016 03:00
DI - Provider registration at Bootstrap and The Inject decorator
import { bootstrap } from '@angular/platform-browser-dynamic';
import { enableProdMode, provide } from '@angular/core';
import { T3AppComponent, environment } from './app/';
import { MyServiceService } from './app/my-service.service';
var lookupLists = {
mediums: ['Movies', 'Series']
}
if (environment.production) {
@niisar
niisar / my-service.ts
Created May 19, 2016 17:58
DI - Building a service
import { Injectable } from '@angular/core';
@Injectable()
export class MyServiceService {
constructor() {}
get(){
return this.mediaItems;
}
add(mediaItem){
@niisar
niisar / t2.component.ts
Created May 19, 2016 03:44
DI - Class constructor injection
import { Component } from '@angular/core';
import { Control, Validators, FormBuilder } from '@angular/common';
@Component({
moduleId: module.id,
selector: 't3-app',
templateUrl: 't3.component.html',
styleUrls: ['t3.component.css']
})
export class T3AppComponent {
form;
@niisar
niisar / t2.component.html
Created May 18, 2016 18:10
Error handling
<h1>
{{title | json}}
</h1>
<form (ngSubmit)="onSubmit(form.value)" [ngFormModel]="form">
<ul>
<li>
<label for="medium">Medium2</label>
<select name="medium" id="medium" ngControl="medium">
<option value="Movies">Movies</option>
<option value="Series">Series</option>
@niisar
niisar / t2.component.html
Created May 18, 2016 16:51
Validation—custom
<h1>
{{title | json}}
</h1>
<form (ngSubmit)="onSubmit(form.value)" [ngFormModel]="form">
<ul>
<li>
<label for="medium">Medium2</label>
<select name="medium" id="medium" ngControl="medium">
<option value="Movies">Movies</option>
<option value="Series">Series</option>
@niisar
niisar / t2.component.html
Created May 18, 2016 07:18
Validation—built in
<h1>
{{title | json}}
</h1>
<form (ngSubmit)="onSubmit(form.value)" [ngFormModel]="form">
<ul>
<li>
<label for="medium">Medium2</label>
<select name="medium" id="medium" ngControl="medium">
<option value="Movies">Movies</option>
<option value="Series">Series</option>
@niisar
niisar / t2.component.html
Created May 18, 2016 05:01
Model Driven Forms
<h1>
{{title | json}}
</h1>
<form (ngSubmit)="onSubmit(form.value)" [ngFormModel]="form">
<ul>
<li>
<label for="medium">Medium2</label>
<select name="medium" id="medium" ngControl="medium">
<option value="Movies">Movies</option>
<option value="Series">Series</option>
@niisar
niisar / t2.component.html
Last active May 18, 2016 04:59
Template Driven Forms
<h1>
{{title | json}}
</h1>
<form (ngSubmit)="onSubmit(myform.value)" #myform="ngForm">
<ul>
<li>
<label for="medium">Medium2</label>
<select name="medium" id="medium" ngControl="medium">
<option value="Movies">Movies</option>
<option value="Series">Series</option>