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...
Post a Comment

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>

Labels:

Comments

Post a Comment

Popular posts from this blog

How to use Nmap with example

  Nmap is a popular open source network scanning tool used for network exploration, security auditing, and vulnerability testing. Here's an example of how to use Nmap: Open a command prompt or terminal window on your computer. Type "nmap" followed by the IP address or domain name of the target network or device that you want to scan. For example, to scan a website, you might enter: nmap www.example.com Hit enter to start the scan. Nmap will begin probing the target network or device and will display information about the discovered hosts and open ports. You can use various options and flags to customize the scan. For example, the "-sS" flag specifies a TCP SYN scan, which is a stealthy scan method that can bypass some firewall configurations. The "-p" flag specifies the ports to scan. For example, to scan only ports 80 and 443 on a website, you might enter: nmap -sS -p 80,443 www.example.com Hit enter to start the customized scan. Nmap will d...
Post a Comment
Read more

Sitecore pipeline implementation

 Sitecore pipeline implementation Sitecore pipelines are a key concept in Sitecore architecture, allowing developers to add custom logic and process data at specific points during a request. Here's a general guide for implementing Sitecore pipelines: 1.        Create a custom class that inherits from the Sitecore.Pipelines.PipelineProcessor class. 2.        Override the Process method to add your custom logic. 3.        Register the pipeline processor in the Sitecore configuration file (usually the Web.config or Sitecore.config file). 4.        Determine the appropriate point in the pipeline to insert your custom logic. Sitecore provides many predefined pipelines, such as the httpRequestBegin pipeline, that you can use to insert your custom logic. 5.        Add a new node to the pipeline in the configuration file, specifying the cla...
Post a Comment
Read more

Homework 2.2 MongoDB for .Net Development

Download JSON data from homework 2.2 MongoDB of .Net development and use it to restore in MongoDB Database. Dataset contains four scores which each has two hundred students. First confirm that you have restored data correctly. Use below command to check your restored data. Data count should be 800. use students db.grades.count() Now , Lets find student who holds 101st across among grades. See the below query to find. db.grades.find().sort( { 'score' : -1 } ).skip( 100 ).limit( 1 ) Correct result is given below by executing the above query. { "_id" : ObjectId("50906d7fa3c412bb040eb709"), "student_id" : 100, "type" : "homework", "score" : 88.50425479139126 } Use below query for sorting of  data, Here I have use limit of 5 show it will show five record. db.grades.find( { }, { 'student_id' : 1, 'type' : 1, 'score' : 1, '_id' : 0 } ).sort( { 'student_id' : 1, ...
Post a Comment
Read more

How to Setting up an XM Cloud environment and project ?

   Setting up an XM Cloud environment and project requires the following steps: Sign up for an XM Cloud account: To use XM Cloud, you will need to sign up for an account on their website. You can choose between a free trial or a paid subscription. Create a project: Once you have signed up, you can create a new project in the XM Cloud dashboard. A project represents a set of resources and configurations that are used to manage your customer interactions. Configure your project: You can configure your project by defining settings such as the messaging channels you want to use, the language and region settings, and any other custom settings you need. You can also configure integrations with other systems, such as your CRM or marketing automation platform. Create a conversation flow: A conversation flow is a series of messages and interactions between a customer and your business. You can create conversation flows in XM Cloud using a visual flow designer that allows you to drag an...
Post a Comment
Read more

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...
Post a Comment
Read more