Skip to main content

Featured post

XM Cloud content sync from prod to uat or UAT to prod step by step

When working with Sitecore, it’s common to need content synchronization across environments. Today, I’ll walk you through the steps to sync content from Production to UAT/TEST and vice versa. Steps to Follow 1. Set Up Your Workspace Create a folder on your computer where you will manage the script files and exported data. Open the folder path in PowerShell to begin scripting. We need to run some scripts in PowerShell to update the folder with the basic requirements for syncing content. PS C:\Soft\ContentSync> dotnet new tool-manifest PS C:\Soft\ContentSync> dotnet nuget add source -n Sitecore https://nuget.sitecore.com/resources/v3/index.json PS C:\Soft\ContentSync> dotnet tool install Sitecore.CLI PS C:\Soft\ContentSync> dotnet sitecore cloud login If the above error occurs, you will need to run a different command to resolve the issue. PS C:\Soft\ContentSync> dotnet sitecore init now, Again run above command to open and authenticate with XM Cloud. It will be there a...

How to use ajax in AngularJS





Here you may learn to get details through web api url and use them to bind in table.

AngularJS offers $http control which working as a service to read data from the server.

Below written example help you to get information .Use below syntax to call any file name or global url which return JSON data.

Example : This code is of ajax syntax in angularjs . see the below code to pass url or file name.

<script>
         function employeeController($scope,$http) {
          
 var url = “www.getapi.com/api”; // file name which return JSON data.
        
            $http.get(url).success( function(response) {
               $scope. employees = response;
            });
         }
      </script>



<html>
   <head>
      <title>Example of AngularJS to Bind Employee Deatils</title>
     
      <script>
         function employeeController($scope,$http) {
          
 var url = “www.getapi.com/api”;
        
            $http.get(url).success( function(response) {
               $scope. employees = response;
            });
         }
      </script>



      <style>
         table, th , td {
            border: 1px solid grey;
            border-collapse: collapse;
            padding: 5px;
         }
        
         table tr:nth-child(odd) {
            background-color: #f2f2f2;
         }
        
         table tr:nth-child(even) {
            background-color: #ffffff;
         }
      </style>
     
   </head>
   <body>
      <h2>AngularJS Test </h2>
      <div ng-app = "" ng-controller = "employeeController">
     
         <table>
            <tr>
               <th>EmpName</th>
               <th>Emp ID</th>
               <th>Designation</th>
            </tr>
        
            <tr ng-repeat = "employee in employees ">
               <td>{{ employee.Name }}</td>
               <td>{{ employee.ID }}</td>
               <td>{{ employee.Designation }}</td>
            </tr>
         </table>
      </div>
     
     
      <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
     
   </body>
</html>

Comments

Popular posts from this blog

Set up Sitecore XM cloud

Working on Sitecore development projects typically involves two key steps. The first is the installation or deployment of the Sitecore instance, followed by the implementation or solution development. For those familiar with Sitecore XP/XM, deploying a vanilla Sitecore instance using tools like SIF/SIA could be time-consuming, often taking several hours due to prerequisites such as setting up Solr, SQL, and more. However, the introduction of Sitecore Experience Manager Cloud (XM Cloud) has revolutionized this process. XM Cloud serves as a fully managed, self-service deployment platform tailored for developers, effectively addressing the challenges of lengthy deployment times. It enables the deployment of a fresh Sitecore instance with a fully functional website in just a few clicks. In this blog post, I'll demonstrate how to deploy a demo website on the Sitecore XM Cloud. Subsequently, in the next blog post, I'll illustrate how effortlessly you can configure your local app deve...