mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
feat(grid-list): basic scaffold for grid list
This commit is contained in:
@@ -0,0 +1 @@
|
||||
I'm a grid list!
|
||||
@@ -0,0 +1,8 @@
|
||||
import {Component} from 'angular2/core';
|
||||
|
||||
@Component({
|
||||
selector: 'md-grid-list',
|
||||
templateUrl: './components/grid-list/grid-list.html',
|
||||
styleUrls: ['./components/grid-list/grid-list.css'],
|
||||
})
|
||||
export class MdGridList {}
|
||||
@@ -0,0 +1,29 @@
|
||||
{
|
||||
"name": "@angular2-material/grid-list",
|
||||
"version": "2.0.0-alpha.3",
|
||||
"description": "Angular 2 Material grid list",
|
||||
"main": "./grid-list.js",
|
||||
"typings": "./grid-list.d.ts",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/angular/material2.git"
|
||||
},
|
||||
"keywords": [
|
||||
"angular",
|
||||
"material",
|
||||
"material design",
|
||||
"components",
|
||||
"grid-list",
|
||||
"list",
|
||||
"tiles"
|
||||
],
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"url": "https://github.com/angular/material2/issues"
|
||||
},
|
||||
"homepage": "https://github.com/angular/material2#readme",
|
||||
"peerDependencies": {
|
||||
"angular2": "^2.0.0-beta.8",
|
||||
"@angular2-material/core": "2.0.0-alpha.3"
|
||||
}
|
||||
}
|
||||
@@ -5,6 +5,7 @@
|
||||
<a md-list-item [routerLink]="['CardDemo']">Card</a>
|
||||
<a md-list-item [routerLink]="['CheckboxDemo']">Checkbox</a>
|
||||
<a md-list-item [routerLink]="['GesturesDemo']">Gestures</a>
|
||||
<a md-list-item [routerLink]="['GridListDemo']">Grid List</a>
|
||||
<a md-list-item [routerLink]="['InputDemo']">Input</a>
|
||||
<a md-list-item [routerLink]="['ListDemo']">List</a>
|
||||
<a md-list-item [routerLink]="['LiveAnnouncerDemo']">Live Announcer</a>
|
||||
|
||||
@@ -19,6 +19,7 @@ import {ListDemo} from './list/list-demo';
|
||||
import {InputDemo} from './input/input-demo';
|
||||
import {LiveAnnouncerDemo} from './live-announcer/live-announcer-demo';
|
||||
import {GesturesDemo} from './gestures/gestures-demo';
|
||||
import {GridListDemo} from "./grid-list/grid-list-demo";
|
||||
|
||||
@Component({
|
||||
selector: 'home',
|
||||
@@ -59,6 +60,7 @@ export class Home {}
|
||||
new Route({path: '/toolbar', name: 'ToolbarDemo', component: ToolbarDemo}),
|
||||
new Route({path: '/list', name: 'ListDemo', component: ListDemo}),
|
||||
new Route({path: '/live-announcer', name: 'LiveAnnouncerDemo', component: LiveAnnouncerDemo}),
|
||||
new Route({path: '/gestures', name: 'GesturesDemo', component: GesturesDemo})
|
||||
new Route({path: '/gestures', name: 'GesturesDemo', component: GesturesDemo}),
|
||||
new Route({path: '/grid-list', name: 'GridListDemo', component: GridListDemo}),
|
||||
])
|
||||
export class DemoApp { }
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
<md-grid-list></md-grid-list>
|
||||
@@ -0,0 +1,10 @@
|
||||
import {Component} from 'angular2/core';
|
||||
import {MdGridList} from "../../components/grid-list/grid-list";
|
||||
|
||||
@Component({
|
||||
selector: 'grid-list-demo',
|
||||
templateUrl: 'demo-app/grid-list/grid-list-demo.html',
|
||||
styleUrls: ['demo-app/grid-list/grid-list-demo.css'],
|
||||
directives: [MdGridList]
|
||||
})
|
||||
export class GridListDemo {}
|
||||
Reference in New Issue
Block a user