{
 "cells": [
  {
   "attachments": {},
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# 使用 Razor 进行交互式展示"
   ]
  },
  {
   "attachments": {},
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## 添加 Nuget 包"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {
    "dotnet_interactive": {
     "language": "csharp"
    },
    "polyglot_notebook": {
     "kernelName": "csharp"
    }
   },
   "outputs": [],
   "source": [
    "// 可以先添加包源\n",
    "\n",
    "#r \"nuget: RazorInteractive\""
   ]
  },
  {
   "attachments": {},
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## 添加引用"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {
    "dotnet_interactive": {
     "language": "csharp"
    },
    "polyglot_notebook": {
     "kernelName": "csharp"
    }
   },
   "outputs": [],
   "source": [
    "#!razor"
   ]
  },
  {
   "attachments": {},
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## 示例"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {
    "dotnet_interactive": {
     "language": "razor"
    },
    "polyglot_notebook": {
     "kernelName": "razor"
    }
   },
   "outputs": [
    {
     "ename": "Error",
     "evalue": "Required command was not provided.\r\nValue '{' not found in kernel .NET\r\nValue 'foreach(var' not found in kernel .NET\r\nUnrecognized command or argument '#!razor'.\r\nUnrecognized command or argument 'var'.\r\nUnrecognized command or argument 'colors'.\r\nUnrecognized command or argument '='.\r\nUnrecognized command or argument 'new'.\r\nUnrecognized command or argument '[]'.\r\nUnrecognized command or argument '{'.\r\nUnrecognized command or argument 'red'.\r\nUnrecognized command or argument ','.\r\nUnrecognized command or argument 'green'.\r\nUnrecognized command or argument ','.\r\nUnrecognized command or argument 'blue'.\r\nUnrecognized command or argument '};'.\r\nUnrecognized command or argument '}'.\r\nUnrecognized command or argument '<ol>'.\r\nUnrecognized command or argument 'color'.\r\nUnrecognized command or argument 'in'.\r\nUnrecognized command or argument 'colors)'.\r\nUnrecognized command or argument '{'.\r\nUnrecognized command or argument '<li'.\r\nUnrecognized command or argument 'style=color: @color;>@color</li>'.\r\nUnrecognized command or argument '}'.\r\nUnrecognized command or argument '</ol>'.",
     "output_type": "error",
     "traceback": [
      "Required command was not provided.\r\n",
      "Value '{' not found in kernel .NET\r\n",
      "Value 'foreach(var' not found in kernel .NET\r\n",
      "Unrecognized command or argument '#!razor'.\r\n",
      "Unrecognized command or argument 'var'.\r\n",
      "Unrecognized command or argument 'colors'.\r\n",
      "Unrecognized command or argument '='.\r\n",
      "Unrecognized command or argument 'new'.\r\n",
      "Unrecognized command or argument '[]'.\r\n",
      "Unrecognized command or argument '{'.\r\n",
      "Unrecognized command or argument 'red'.\r\n",
      "Unrecognized command or argument ','.\r\n",
      "Unrecognized command or argument 'green'.\r\n",
      "Unrecognized command or argument ','.\r\n",
      "Unrecognized command or argument 'blue'.\r\n",
      "Unrecognized command or argument '};'.\r\n",
      "Unrecognized command or argument '}'.\r\n",
      "Unrecognized command or argument '<ol>'.\r\n",
      "Unrecognized command or argument 'color'.\r\n",
      "Unrecognized command or argument 'in'.\r\n",
      "Unrecognized command or argument 'colors)'.\r\n",
      "Unrecognized command or argument '{'.\r\n",
      "Unrecognized command or argument '<li'.\r\n",
      "Unrecognized command or argument 'style=color: @color;>@color</li>'.\r\n",
      "Unrecognized command or argument '}'.\r\n",
      "Unrecognized command or argument '</ol>'."
     ]
    }
   ],
   "source": [
    "#!razor\n",
    "\n",
    "@{\n",
    "    var colors = new [] { \"red\", \"green\", \"blue\" };\n",
    "}\n",
    " \n",
    "<ol>\n",
    "    @foreach(var color in colors)\n",
    "    {\n",
    "        <li style=\"color: @color;\">@color</li>\n",
    "    }\n",
    "</ol>"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": ".NET (C#)",
   "language": "C#",
   "name": ".net-csharp"
  },
  "language_info": {
   "name": "polyglot-notebook"
  },
  "orig_nbformat": 4,
  "polyglot_notebook": {
   "kernelInfo": {
    "defaultKernelName": "csharp",
    "items": [
     {
      "aliases": [],
      "name": "csharp"
     },
     {
      "aliases": [],
      "name": "razor"
     }
    ]
   }
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}