From a521a3ec9bfabbe14d79b939830dfef69b1341c7 Mon Sep 17 00:00:00 2001 From: taimoor Date: Thu, 5 May 2016 23:11:57 +0500 Subject: [PATCH 1/2] init commit --- src/body.ts | 14 ++++++++++++++ src/bootstrap.ts | 8 +++++++- src/footer.ts | 13 +++++++++++++ src/header.ts | 13 +++++++++++++ 4 files changed, 47 insertions(+), 1 deletion(-) create mode 100644 src/body.ts create mode 100644 src/footer.ts create mode 100644 src/header.ts diff --git a/src/body.ts b/src/body.ts new file mode 100644 index 0000000..98c275a --- /dev/null +++ b/src/body.ts @@ -0,0 +1,14 @@ +import {Component} from 'angular2/core'; + + +@Component({ + selector: 'body', + template: ` +

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
+

+ + `, +}) +export class Body { + +} \ No newline at end of file diff --git a/src/bootstrap.ts b/src/bootstrap.ts index 74df08e..9ab1cf2 100644 --- a/src/bootstrap.ts +++ b/src/bootstrap.ts @@ -1,12 +1,18 @@ import {bootstrap} from 'angular2/platform/browser'; import {Component} from 'angular2/core'; +import{Header} from './header' +import{Body} from './body' +import{Footer} from './footer' @Component({ selector: 'app', template: ` -

Countries and Capitals

+
+ + `, + directives:[Header,Body,Footer] }) export class App {} diff --git a/src/footer.ts b/src/footer.ts new file mode 100644 index 0000000..87e2672 --- /dev/null +++ b/src/footer.ts @@ -0,0 +1,13 @@ +import {Component} from 'angular2/core'; + + +@Component({ + selector: 'footer', + template: ` +
+ + `, +}) +export class Footer { + +} \ No newline at end of file diff --git a/src/header.ts b/src/header.ts new file mode 100644 index 0000000..27e1545 --- /dev/null +++ b/src/header.ts @@ -0,0 +1,13 @@ +import {Component} from 'angular2/core'; + + +@Component({ + selector: 'header', + template: ` +

Countries and Capitals

+
+ `, +}) +export class Header { + +} \ No newline at end of file From 83c6dc13ab49aa223250d2732f9edab1de87b28d Mon Sep 17 00:00:00 2001 From: taimoor Date: Fri, 6 May 2016 04:18:11 +0500 Subject: [PATCH 2/2] second milestone --- index.html | 2 ++ src/body.ts | 6 ++++-- src/bootstrap.ts | 24 +++++++++++++++++++----- src/country/country.html | 6 ++++++ src/country/country.ts | 10 ++++++++++ src/footer.ts | 21 +++++++++++---------- 6 files changed, 52 insertions(+), 17 deletions(-) create mode 100644 src/country/country.html create mode 100644 src/country/country.ts diff --git a/index.html b/index.html index 222e67a..73f9a73 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,7 @@ Angular 2 - Countries and Capitals + @@ -15,6 +16,7 @@ +