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 / Message.cshtml

Last active January 12, 2016 19:14

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

IEvangelist / Numbers.cshtml

Created January 12, 2016 19:17

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 / 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 / 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 / RandomController.cs

Last active January 12, 2016 19:42

	using System;
	using System.Linq;
	using System.Threading.Tasks;
	using Microsoft.AspNet.Mvc;

	namespace WebApplication1.Controllers
	{
	[Route("api/[controller]")]
	public class RandomController : Controller
	{

IEvangelist / _ViewImports.cshtml

Created January 13, 2016 15:47

	@using WebApplication1
	@addTagHelper "*, Microsoft.AspNet.Mvc.TagHelpers"

IEvangelist / _Layout.cshtml

Created January 13, 2016 15:51

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>@ViewData["Title"]</title>

	<environment names="Development">
	<!-- Css -->
	<link rel="stylesheet" asp-href-include="~/css/*.css">

IEvangelist / Index.cshtml

Created January 13, 2016 15:53

	@{
	ViewData["Title"] = "Angular 2";
	}

	<app class="container" style="display: block;">Loading...</app>

IEvangelist / ConfigureServices

Created January 14, 2016 17:00

	public void ConfigureServices(IServiceCollection services)
	{
	services.AddGlimpse();
	services.AddMvc();
	}