Hur implementerar man routing i ett AngularJS – ASP.NET MVC-projekt?

Inledning [Källa] [GitHub repo] I den här laborationen ska vi se hur man kan implementera routing i ett AngularJS – ASP.NET MVC-projekt. Routing i AngularJS liknar routing i MVC, skillnaden ligger i att MVC-routing är på serversidan medan AngularJS ligger på klientsidan. Routing i AngularJS kan göras på tre sätt: Hashbang Mode (exempel på URL : ”http://www.bigstar.se/#!/dashboard”) HTML5 Mode (exempel på URL : ” http://bigstar.se/dashboard”) … Fortsätt läsa Hur implementerar man routing i ett AngularJS – ASP.NET MVC-projekt?

Hur gör man upload på filer i en AngularJS – ASP.NET MVC-applikation?

Hur gör man upload på filer i en AngularJS – ASP.NET MVC-applikation? Inledning [Källa] [GitHub repo] Hur laddar man upp filer i en AngularJS – ASP.NET MVC-applikation? Steg Skapa tabell i databas Öppna databas > Högerklicka på Table > Add New Table > Add Columns > Save > Ange tabellnamn [i denna laboration används namnet Files] CREATE TABLE [dbo].[Files] ( [FileId] INT NOT NULL PRIMARY … Fortsätt läsa Hur gör man upload på filer i en AngularJS – ASP.NET MVC-applikation?

Visa data i tabeller med expandera fält för detaljer.

Inledning [Källa] [GitHub repo] I den här laborationen ska vi titta på hur man kan hämta och visa data samt simultant hämta ytterligare detaljer om dessa data i en AngularJS / ASP.NET MVC-applikation. Att visa tabelldata är en mycket vanlig uppgift för utvecklare. Ibland är det emellertid olämpligt att visa all data på en gång och då kan man tänka sig en lösning där detaljer … Fortsätt läsa Visa data i tabeller med expandera fält för detaljer.

Hur man bygger ett formulär för registrering med validering.

Inledning [Källa] [GitHub repo] I den här laborationen ska vi bygga ett enkelt registreringsformulär med validering av inmatat användardata. Steg Skapa tabell i databasen I nedanstående figur har vi utökat databastabellen Logins med fälten EmailId resp. Gender. Öppna databasen > Högerklicka på tabellen vars kolumndefinition som vi ska ändra > Open Table Definition > Lägg till önskade kolumner > Update > Ok Uppdatera dataentitetsmodellen Lägg … Fortsätt läsa Hur man bygger ett formulär för registrering med validering.

Hur implementerar man seriekopplade rullgardinsmenyer (som behöver göra anrop mot backend för att visa korrekta alternativ; t ex Land – Städer) med AngularJS och ASP.NET MVC

Inledning [Källa] [GitHub repo] I den här laborationen kommer vi att se hur man kan implementera seriekoppladde rullgardinsmenyer. Ibland är det nödvändigt att hålla ett beroende mellan dropdownlistor på en websida; ett valt värde i en lista ska påverka vad som skall visas i en annan lista. Det finns åtskilliga exempel på vad man kan använda det här till men bara för att ta något … Fortsätt läsa Hur implementerar man seriekopplade rullgardinsmenyer (som behöver göra anrop mot backend för att visa korrekta alternativ; t ex Land – Städer) med AngularJS och ASP.NET MVC

Hur man skapar en loginsida i AngularJS i en MVC4-applikation

Inledning [Källa] [GitHub repo] I den här laborationen ska vi se hur man skapar en loginsida genom att använda AngularJS i en ASP.NET MVC4-applikation. I förra exemplet såg vi hur vi kunde använda get()-metoden. Här ska vi se hur vi kan använda AngularJS $http post()-metod för att skicka in data till servern. Steg Skapa tabeller i databasen Öppna databasen > Högerklicka på tabellen > Add … Fortsätt läsa Hur man skapar en loginsida i AngularJS i en MVC4-applikation

Hur man hämtar data från databas genom en AngularJS – ASP.NET MVC-applikation

Inledning [Källa] [GitHub repo] I den här laborationen ska vi hämta data från databas till vår AngularJS – ASP.NET MVC-applikation. I exemplet kommer vi att använda angulars $http-service för att hämta data från servern. Steg Lägg till en databas Gå till Solution Explorer > Högerklicka på App_Data-mappen > Add > New Item > Välj ”SQL Server Database” under ”Data” > Ange ett databasnamn > Add … Fortsätt läsa Hur man hämtar data från databas genom en AngularJS – ASP.NET MVC-applikation

Hur sätter man upp AngularJS i en MVC4-applikation

Inledning [Källa] [GitHub repo] Steg I den här laborationen kommer vi att lära oss hur man sätter upp AngularJS i en MVC4-applikation. Skapa ett nytt projekt > File > New > Project Installed – Templates – Visual C# – Web – ASP.NET Web Application > OK > Välj MVC som template > Add folders and core references for: MVC > Change Authentication [No Authentication – … Fortsätt läsa Hur sätter man upp AngularJS i en MVC4-applikation

AngularJS -ramverk

AngularJS Bra sida att testa kod på plnkr.co Grunduppsättning för AngularJS <html ng-app> <head> </head> <body> </body> </html> <——> <html> <head> </head> <body ng-app> </body> </html> ng-app talar om att det är en angularJS-app (Single Page Applcation) benämns directive får förekomma endast en gång per app (antingen som i <html ng-app> eller <body ng-app> ) Double curled brackets {{ }} Double curled brackets {{ }} talar om att innehållet … Fortsätt läsa AngularJS -ramverk