In this post, we will see step by step how to create an Angular JS Project using Visual Studio. This is for beginners only J Before we start, make sure · You have very basic understanding of AngularJS · Basic understanding of Routing · Beginner level knowledge on html5 · Hands-On using Visual Studio 1. Open Visual Studio and click “new project”. Select “ASP.NET Web Application”. Enter Project Name, Location and Solution Name . 2. Create an “ Empty ” ASP.NET Web Application as shown in below figure 3. Open Solution Explorer, right click on the solution and click “Manage Nuget Packages” Install Angular.js Once installed, you will see all Angular.JS references in “Scripts” folder. 4. In Solution Explorer, create a folder “views” and add three html pages as shown below: Below is the code for Index.html : <!DOCTYPE html> <html ng-app="app"> <
Recently I faced an issue on fetching username from people picker column. Below is the code which can be used in such scenarios- // JavaScript source code function getUsers() { //Get the current client context ctx = new SP.ClientContext(webUrl); // Get Web web = ctx.get_web(); // Get List list = web.get_lists().getByTitle("My List"); camlQry = new SP.CamlQuery(); //Traverse through all files and folders deep and get some people picker fields like "Author" camlQry.set_viewXml('<View Scope=\'RecursiveAll\'>' + '<Query>' + '<ViewFields>' + '<FieldRef Name=\'' + colValuesEnum.Title + '\' />' + '<FieldRef Name=\'' + colValuesEnum.Author + '\' />' + '</ViewFields> ' + '</View>'); listItem = list.getItems(camlQry); ctx.load(listItem); ctx.executeQueryAsync(success, failed); } //Success CallBack Function fun