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...

Angularjs best practice tutorial with proper syntax


1: {{{Name:"shashi", Mobile:"9540108013", City: “Delhi"}.Name}} Result=> shashi

2: {{['Surendra','Prabhat','Vinay'][1]}}   Result=> Prabhat

3: {{1==1}} Result=> true

4: {{1==2}}  Result=> false

5: var myApp=angular.module("myModule",[])              //Create The Module
var myController=function($scope) {                           // Create The Controller
$scope.message="Angular JS Tutorial";
};
 myApp.controller("myController",myController);        // Register The Controller With The 

//Module


6: var myApp=angular.module("myModule",[])                //Create The Module
myApp.controller("myController",function($scope) {       //Creating The Controller And                                                                 //Registering With The Module All Done In Single Line
$scope.message="Angular JS Tutorial";
});

7:  angular.module("myModule",[]).controller("myController",function($scope) {   //Method chaining
$scope.message="Angular JS Tutorial";
});

8:  using $parent.$index
<div data-ng-controller="myController">
<ul>
<li data-ng-repeat="country in countries">
{{country.name}} - Index ={{$index}}
<ul>
<li data-ng-repeat="city in country.cities">
{{city.name}} - Parent Index ={{$parent.$index}}, Index={{$index}}
</li>
</ul>
</li>
</ul>
</div>

9:  using data-ng-init
<div data-ng-controller="myController">
<ul>
<li data-ng-repeat="country in countries" data-ng-init="parentIndex=$index">
{{country.name}} - Index ={{$index}}
<ul>
<li data-ng-repeat="city in country.cities">
{{city.name}} - Parent Index ={{parentIndex}}, Index={{$index}}
</li>
</ul>
</li>
</ul>
</div>

10:  Filters in angular JS
<table>
<tr data-ng-repeat=”employee in employees”>
<td>{{employee.name|uppercase}}</td>
<td>{{employee.dateOfBirth|date:”dd/MM/yyyy”}}</td>
<td>{{employee.gender|lowercase}}</td>
<td>{{employee.salary|number:2}}</td>
<td>{{employee.salary|currency:$:2}}</td>
< /tr>
</table>




11: Use of limitTo
//Means Get 3 rows and start from 2nd row using 0 index based array.
<table>
<tr data-ng-repeat=”employee in employees:limitTo:3:2”>
<td>{{employee.name|uppercase}}</td>
<td>{{employee.dateOfBirth|date:”dd/MM/yyyy”}}</td>
<td>{{employee.gender|lowercase}}</td>
<td>{{employee.salary|number:2}}</td>
<td>{{employee.salary|currency:$:2}}</td>
< /tr>
</table>

11:  Use of OrderBy Filter
To short in ascending order set reverse to false
To short in descending order set reverse to true

Order By Filter Syntax
{{OrderByExpression|OrderBy:Expression:IsReverse}}

data-ng-repeat=”employee in employees|orderBy:’slary’:false”

You can also use + and – to sort in ascending and descending order respectively
data-ng-repeat=”employee in employees|orderBy:’+slary’” ascending order
data-ng-repeat=”employee in employees|orderBy:’-slary’” descending order





12:   Angular filter by multiple properties and multiple TextBox
{{SearchExpression|filter:searchExpression:IsExachMatch}}
<input type=”text” data-ng-model=”searchText.name” placeholder=”Search Name”/>
<input type=”text” data-ng-model=”searchText.city” placeholder=”Search City”/>
<input type=”checkbox” data-ng-model=”exactMatch” />
data-ng-repeat=”employee in employees|filter:searchText:exactMatch”

13:  Angular filter by multiple properties with single TextBox
<input type=”text” data-ng-model=”searchText” placeholder=”Search Employees”/>
data-ng-repeat=”employee in employees|filter:searchText”

14:  Angular filter by multiple properties with single TextBox with function
<input type=”text” data-ng-model=”searchText” placeholder=”Search Employees”/>
$scope.search=function(item){
If($scope.searchText==undefined){
return true;
}
else{
if(item.name.toLowerCase().indexOf($scope.searchText.toLowerCase())!=-1||item.city.toLowerCase().indexOf($scope.searchText.toLowerCase())!=-1)
{
Return true;
}
}
return false;
};

data-ng-repeat=”employee in employees|filter:search












Comments

Popular posts from this blog

What is layout service in sitecore and how to configure it

 What is layout service in sitecore and how to configure it The Layout Service in Sitecore is a RESTful API that provides access to the data and presentation details of a Sitecore website, allowing developers to build modern, headless applications that consume content from Sitecore. To configure the Layout Service, you need to perform the following steps: Install the Sitecore JavaScript Services (JSS) package on your Sitecore instance. Define a new route in the jss.config file to specify the endpoint for the Layout Service. Configure the security settings to specify the roles and users who are allowed to access the Layout Service. Test the Layout Service endpoint to ensure that it is configured correctly and returning data as expected. Note that these steps are just a high-level overview and the specific details of each step may vary depending on the version of Sitecore you are using and the specific requirements of your project.

HttpRequestProcessed pipeline implementation in sitecore with C# code

 HttpRequestProcessed pipeline implementation in sitecore with C# code Here is an example of how you can implement the HttpRequestProcessed pipeline in Sitecore using C# code: using System; using Sitecore.Pipelines.HttpRequest; namespace MySite.Pipelines {     public class MyHttpRequestProcessed : HttpRequestProcessor     {         public override void Process(HttpRequestArgs args)         {             // Perform custom processing logic here             Console.WriteLine("HttpRequestProcessed pipeline processed successfully");         }     } } This code defines a custom HttpRequestProcessed processor that will be executed as part of the HttpRequestProcessed pipeline. The Process method is called when the pipeline is executed, and you can perform any custom processing logic you need within this method. To activate this custom process...