Mike Hartington mhartington

layout	default
title	Components
edit_link	https://github.com/driftyco/learn-angular2/edit/gh-pages/components/index.md
tweet	How to use components in Angular 2

Updated November 16, 2015

In Angular 2, Components are the main way we build and specify elements and logic on the page.

export class MyClass {
  // Here we're injecting the http service and our own data service
  constructor(http: Http, data:Data){
    this. http = http;
    this.data = data;
    // Here we have to create our own this. reference
  }
}

1) http://ionicframework.com/docs/v2/getting-started/tutorial/project-structure/ Template URL in code sample shows

templateUrl: 'app/app.html'

but it should be build/app.html

2) Same url. app.html source code does not match latest code in tutorial sample. I think it is just missing this:

id="leftMenu"

	/*!
	* ionic.bundle.js is a concatenation of:
	* ionic.js, angular.js, angular-animate.js,
	* angular-sanitize.js, angular-ui-router.js,
	* and ionic-angular.js
	*/

	/*!
	* Copyright 2014 Drifty Co.
	* http://drifty.com/

	function! s:PlaceholderImgTag(size)
	let url = 'http://dummyimage.com/' . a:size . '/000000/555555'
	let [width,height] = split(a:size, 'x')
	execute "normal a<img src=\"".url."\" width=\"".width."\" height=\"".height."\" />"
	endfunction
	command! -nargs=1 PlaceholderImgTag call s:PlaceholderImgTag(<f-args>)

	class Tmux < Formula
	desc "Terminal multiplexer"
	homepage "https://tmux.github.io/"

	stable do
	url "https://github.com/tmux/tmux/releases/download/2.1/tmux-2.1.tar.gz"
	sha256 "31564e7bf4bcef2defb3cb34b9e596bd43a3937cad9e5438701a81a5a9af6176"

	patch do
	# This fixes the Tmux 2.1 update that broke the ability to use select-pane [-LDUR]

	import {Page} from 'ionic-framework/ionic';

	@Page({
	template: `
	<ion-navbar *navbar>
	<ion-title>
	Home
	</ion-title>
	</ion-navbar>

	" Setup NeoBundle ----------------------------------------------------------{{{
	if (!isdirectory(expand("$HOME/.config/nvim/bundle/dein.vim")))
	call system(expand("mkdir -p $HOME/.config/nvim/bundle"))
	call system(expand("git clone https://github.com/Shougo/dein.vim $HOME/.config/nvim/bundle/dein.vim"))
	endif
	" Required:
	if &compatible
	set nocompatible
	endif
	set runtimepath+=~/.config/nvim/bundle/dein.vim/

	let g:unite_source_rec_async_command =['ag', '--follow', '--nocolor', '--nogroup','--hidden', '-g', '', '--ignore', '.git', '--ignore', '*.png', '--ignore', 'lib']
	nnoremap <silent> <c-p> :Unite -auto-resize -start-insert -direction=botright file_rec/neovim2<CR>