From 4f6c5f18ec5fbedb91500598a24bf87d534e6d46 Mon Sep 17 00:00:00 2001 From: damienbod Date: Fri, 10 Feb 2017 19:48:58 +0100 Subject: [PATCH] Damienbod/angular to angularjs (#2735) * updating to msbuild * renaming to AngularJS * adding client app * removing packages, not required * updating to ASP.NET Core 1.1 * updating to ASP.NET Core 1.1 * updating the md file * removing gitignore excludes because these are not required * revert, should not have been removed --- .gitignore | 2 +- aspnetcore/client-side/angular.md | 78 +++++++++--------- .../AngularJSSample.sln} | 9 +- .../src/AngularJSSample}/.bowerrc | 0 .../AngularJSSample/AngularJSSample.csproj | 49 +++++++++++ .../Controllers/Api/PersonController.cs | 2 +- .../Controllers/HomeController.cs | 2 +- .../Controllers/PeopleController.cs | 2 +- .../src/AngularJSSample}/Models/Person.cs | 0 .../src/AngularJSSample/Program.cs | 25 ++++++ .../Properties/launchSettings.json | 0 .../src/AngularJSSample}/Startup.cs | 21 ++--- .../AngularJSSample}/Views/Home/About.cshtml | 0 .../Views/Home/Components.cshtml | 0 .../Views/Home/Contact.cshtml | 0 .../Views/Home/Controllers.cshtml | 0 .../Views/Home/Databinding.cshtml | 0 .../Views/Home/Directives.cshtml | 0 .../Views/Home/Expressions.cshtml | 0 .../AngularJSSample}/Views/Home/Index.cshtml | 0 .../Views/Home/Repeaters.cshtml | 0 .../Views/Home/Repeaters2.cshtml | 0 .../Views/Home/Repeaters3.cshtml | 0 .../AngularJSSample}/Views/Home/Scope.cshtml | 0 .../Views/Home/Templates.cshtml | 0 .../Views/People/Events.cshtml | 0 .../Views/People/Index.cshtml | 0 .../AngularJSSample}/Views/People/Spa.cshtml | 0 .../Views/Shared/Error.cshtml | 0 .../Views/Shared/_Layout.cshtml | 0 .../AngularJSSample/Views/_ViewImports.cshtml | 3 + .../AngularJSSample}/Views/_ViewStart.cshtml | 0 .../src/AngularJSSample}/appsettings.json | 0 .../src/AngularJSSample}/bower.json | 0 .../src/AngularJSSample}/gulpfile.js | 0 .../src/AngularJSSample}/package.json | 0 .../AngularJSSample}/wwwroot/_references.js | 0 .../wwwroot/app/Repeaters2.cshtml | 0 .../wwwroot/app/components.js | 0 .../wwwroot/app/controllers.js | 0 .../wwwroot/app/eventHandlerController.js | 0 .../wwwroot/app/partials/personcomponent.html | 0 .../wwwroot/app/partials/persondetail.html | 0 .../wwwroot/app/partials/personlist.html | 0 .../AngularJSSample}/wwwroot/app/personApp.js | 0 .../wwwroot/app/personController.js | 0 .../wwwroot/app/personDetailController.js | 0 .../wwwroot/app/personFactory.js | 0 .../wwwroot/app/personListController.js | 0 .../wwwroot/app/personModule.js | 0 .../wwwroot/app/personRoutes.js | 0 .../src/AngularJSSample}/wwwroot/app/scope.js | 0 .../wwwroot/app/simpleFactory.js | 0 .../src/AngularJSSample}/wwwroot/css/site.css | 0 .../src/AngularJSSample}/wwwroot/favicon.ico | Bin .../wwwroot/images/ASP-NET-Banners-01.png | Bin .../wwwroot/images/ASP-NET-Banners-02.png | Bin .../wwwroot/images/Banner-01-Azure.png | Bin .../wwwroot/images/Banner-02-VS.png | Bin .../src/AngularJSSample}/wwwroot/js/site.js | 0 .../src/AngularJSSample}/wwwroot/web.config | 0 .../angular/sample/AngularSample/NuGet.Config | 8 -- .../angular/sample/AngularSample/global.json | 6 -- .../src/AngularSample/AngularSample.xproj | 24 ------ .../AngularSample/Views/_ViewImports.cshtml | 3 - .../src/AngularSample/project.json | 43 ---------- 66 files changed, 130 insertions(+), 147 deletions(-) rename aspnetcore/client-side/angular/sample/{AngularSample/AngularSample.sln => AngularJSSample/AngularJSSample.sln} (80%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/.bowerrc (100%) create mode 100644 aspnetcore/client-side/angular/sample/AngularJSSample/src/AngularJSSample/AngularJSSample.csproj rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Controllers/Api/PersonController.cs (94%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Controllers/HomeController.cs (97%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Controllers/PeopleController.cs (91%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Models/Person.cs (100%) create mode 100644 aspnetcore/client-side/angular/sample/AngularJSSample/src/AngularJSSample/Program.cs rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Properties/launchSettings.json (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Startup.cs (75%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/Home/About.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/Home/Components.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/Home/Contact.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/Home/Controllers.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/Home/Databinding.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/Home/Directives.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/Home/Expressions.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/Home/Index.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/Home/Repeaters.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/Home/Repeaters2.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/Home/Repeaters3.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/Home/Scope.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/Home/Templates.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/People/Events.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/People/Index.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/People/Spa.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/Shared/Error.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/Shared/_Layout.cshtml (100%) create mode 100644 aspnetcore/client-side/angular/sample/AngularJSSample/src/AngularJSSample/Views/_ViewImports.cshtml rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/Views/_ViewStart.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/appsettings.json (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/bower.json (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/gulpfile.js (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/package.json (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/_references.js (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/app/Repeaters2.cshtml (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/app/components.js (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/app/controllers.js (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/app/eventHandlerController.js (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/app/partials/personcomponent.html (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/app/partials/persondetail.html (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/app/partials/personlist.html (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/app/personApp.js (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/app/personController.js (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/app/personDetailController.js (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/app/personFactory.js (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/app/personListController.js (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/app/personModule.js (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/app/personRoutes.js (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/app/scope.js (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/app/simpleFactory.js (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/css/site.css (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/favicon.ico (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/images/ASP-NET-Banners-01.png (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/images/ASP-NET-Banners-02.png (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/images/Banner-01-Azure.png (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/images/Banner-02-VS.png (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/js/site.js (100%) rename aspnetcore/client-side/angular/sample/{AngularSample/src/AngularSample => AngularJSSample/src/AngularJSSample}/wwwroot/web.config (100%) delete mode 100644 aspnetcore/client-side/angular/sample/AngularSample/NuGet.Config delete mode 100644 aspnetcore/client-side/angular/sample/AngularSample/global.json delete mode 100644 aspnetcore/client-side/angular/sample/AngularSample/src/AngularSample/AngularSample.xproj delete mode 100644 aspnetcore/client-side/angular/sample/AngularSample/src/AngularSample/Views/_ViewImports.cshtml delete mode 100644 aspnetcore/client-side/angular/sample/AngularSample/src/AngularSample/project.json diff --git a/.gitignore b/.gitignore index 900c1cb07d8b..6b471693cad8 100644 --- a/.gitignore +++ b/.gitignore @@ -213,4 +213,4 @@ project.lock.json __pycache__/ #Mac OSX -.DS_Store \ No newline at end of file +.DS_Store diff --git a/aspnetcore/client-side/angular.md b/aspnetcore/client-side/angular.md index 84b7bf5a9c4c..0694debe23b0 100644 --- a/aspnetcore/client-side/angular.md +++ b/aspnetcore/client-side/angular.md @@ -1,8 +1,8 @@ --- -title: Using Angular for Single Page Applications (SPAs) | Microsoft Docs +title: Using AngularJS for Single Page Applications (SPAs) | Microsoft Docs author: rick-anderson description: Learn how to build a SPA-style ASP.NET application using AngularJS -keywords: ASP.NET Core, Angular, SPA +keywords: ASP.NET Core, AngularJS, SPA ms.author: riande manager: wpickett ms.date: 10/14/2016 @@ -12,10 +12,8 @@ ms.technology: aspnet ms.prod: aspnet-core uid: client-side/angular --- -# Using Angular for Single Page Applications (SPAs) +# Using AngularJS for Single Page Applications (SPAs) ->[!WARNING] -> This page documents version 1.0.0-rc1 and has not yet been updated for version 1.0.0 By [Venkata Koppaka](http://blog.falafel.com/author/venkata-koppaka/) and [Scott Addie](https://scottaddie.com) @@ -29,7 +27,7 @@ In this article, you will learn how to build a SPA-style ASP.NET application usi AngularJS is not a DOM manipulation library like jQuery, but it uses a subset of jQuery called jQLite. AngularJS is primarily based on declarative HTML attributes that you can add to your HTML tags. You can try AngularJS in your browser using the [Code School website](https://www.codeschool.com/courses/shaping-up-with-angular-js). -This article focuses on Angular 1.X with some notes on where Angular is heading with 2.0. +This article focuses on AngularJS with some notes on where Angular is heading. ## Getting started @@ -41,21 +39,21 @@ There are several ways to add AngularJS to your application. If you’re startin -[!code-json[Main](../client-side/angular/sample/AngularSample/src/AngularSample/bower.json?highlight=9)] +[!code-json[Main](../client-side/angular/sample/AngularJSSample/src/AngularJSSample/bower.json?highlight=9)] Upon saving the *bower.json* file, Angular will be installed in your project's *wwwroot/lib* folder. Additionally, it will be listed within the `Dependencies/Bower` folder. See the screenshot below. -![Solution Explorer with Angular Project](angular/_static/angular-solution-explorer.png) +![Solution Explorer with AngularJS Project](angular/_static/angular-solution-explorer.png) Next, add a `