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

How to create properties and use it with Generic class

Here, I have created properties in GetDetails class and use to get large amount of data which comes from database . see below code i have added lots of data in dataset make loop to add all data in list by help of properties . This is best to have good programmer. Follow this type of technique to get data. List<Details > Details = new List<Details >();          if (Ds.Tables[0].Rows.Count > 0)         {             foreach (DataRow dtrow in Ds.Tables[0].Rows)             {                 Details user = new GetDetails();                 user.RowNumber = dtrow["RowNumber"].ToString();                 user.Date = dtrow["Date"].ToString();                 user.FromTime = dtrow["FromTim...

What is object in C#

Object  : - Object is a instance of class. We can create more than one object a class according to requirements. Suppose we have a class name employee then create obect name of class . In the previous section we have discuss Office Owner will access and use all the Cabinof the Office and its Items. Similarly, to access all Class Method and Variable we use Objects. Example  : Class Employee {  --------- ---------- } Employee emp = new Employee(); here emp is an object of employee Class.

Fileupload using AngularJS in asp.net c#

Fileupload using AngularJS in asp.net c# AngularJS built-in ng-model directive. I added an attribute called ng-files in to the file input element. Now, I need to  create a directive in the controller matching with the attribute  The attribute has a function named getTheFiles() with a parameter $files . I’ll initialize the parameter $files in my directive and later call the function getTheFiles() using the controller’s scope, along with $files parameter. <!DOCTYPE html> <html> <head>   <title>AngularJS File Upoad Example with $http and FormData</title>   <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script> </head> <body ng-app="fupApp">     <div ng-controller="fupController">         <input type="file" id="file1" name="file" multiple        ...

What is scope inheritance ?

 scope inheritance  Scope inheritance in AngularJS is in organize into hierarchy and it is use by views. In Hierarchy of scope $rootScope is a parent and $Scope is a child. $rootScope is a global variable it is a single in application and $Scope can be multiple in a application.variable created in $scope is use by the view based on that controller. See Example which can help you understand. Suppose we have two controller parent and child. <html> <head> <script src="lib/angular.js"></script> <script> var app = angular.module('ScopeChain', []); app.controller("parent", function ($scope) { $scope.Name = 'Shashi Keshar'; $scope.$parent.CompAddress = 'Delhi '; }); app.controller("childController", function ($scope, $controller) { $scope.compHead = 'Noida; }); </script> </head> <body ng-...

Homework 1.4 MongoDB for DBAs

MongoDB Homework 1.4 for DBAs. Ans is given.