Coding for a better world 🤓

David Pine IEvangelist

Coding for a better world 🤓

📖 Learning Blazor: 🔗 https://bit.ly/learning-blazor #DevRel @microsoft & @dotnet 🥑#DeveloperCommunity 🏅@GoogleDevExpert 🏅@TwilioChamp

IEvangelist / api.service.ts

Created January 12, 2016 19:26

	import "rxjs/Rx"
	import {Http} from "angular2/http";
	import {Injectable} from "angular2/core";

	@Injectable()
	export class ApiService {
	constructor(private http: Http) { }

	get(onNext: (json: any) => void) {
	this.http.get("api/random").map(response => response.json()).subscribe(onNext);

IEvangelist / api.component.ts

Created January 12, 2016 19:25

	import {Component, OnInit} from "angular2/core";
	import {CORE_DIRECTIVES} from "angular2/src/common/directives/core_directives";
	import {ApiService} from "./api.service";

	@Component({
	selector: "numbers",
	templateUrl: "/partial/numbers",
	providers: [ApiService],
	directives: CORE_DIRECTIVES
	})

IEvangelist / PartialController.cs

Created January 12, 2016 19:21

	using Microsoft.AspNet.Mvc;

	namespace WebApplication1.Controllers
	{
	public class PartialController : Controller
	{
	public IActionResult Message() => PartialView();

	public IActionResult Numbers() => PartialView();
	}

IEvangelist / Numbers.cshtml

Created January 12, 2016 19:17

IEvangelist / Message.cshtml

Last active January 12, 2016 19:14

	@{
	ViewBag.Title = "MVC";
	}
	<mvc>
	<blockquote *ngIf="message">{{message}}</blockquote>
	</mvc>

IEvangelist / mvc.component.ts

Created January 12, 2016 19:09

	import {Component, OnInit} from "angular2/core";

	@Component({
	selector: "mvc",
	templateUrl: "/partial/message"
	})
	export class MvcComponent implements OnInit {
	message: string;

	constructor() { }

IEvangelist / app.html

Last active January 12, 2016 18:52

	<div class="page-header">
	<h1>
	MVC, Angular2
	<br>
	<small>Sample</small>
	</h1>
	</div>
	<nav class="navbar navbar-inverse">
	<div class="container-fluid">
	<div class="navbar-header">

IEvangelist / static.html

Created January 12, 2016 18:50

	<static>
	<blockquote>{{message}}</blockquote>
	</static>

IEvangelist / static.component.ts

Created January 12, 2016 18:47

	import {Component, OnInit} from "angular2/core";

	@Component({
	selector: "static",
	templateUrl: "app/components/static.html"
	})
	export class StaticComponent implements OnInit {
	message: string;

	constructor() { }

IEvangelist / app.component.ts

Created January 12, 2016 18:34

	import {Component, OnInit} from "angular2/core";
	import {AsyncRoute, Router, RouteDefinition, RouteConfig, Location, ROUTER_DIRECTIVES} from "angular2/router";
	import {StaticComponent} from "./components/static.component";

	declare var System: any;

	@Component({
	selector: "app",
	templateUrl: "/app/app.html",
	directives: [ROUTER_DIRECTIVES]