diff --git a/angularjs/Autocomplete/Getting-Started.md b/angularjs/Autocomplete/Getting-Started.md index 5e4c6936..cd3c68a8 100644 --- a/angularjs/Autocomplete/Getting-Started.md +++ b/angularjs/Autocomplete/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting-Started -description: getting started +title: Getting-Started with AngularJS Autocomplete Control | Syncfusion +description: Learn here about Getting Started with Syncfusion Essential AngularJS Autocomplete control, its elements, and more. platform: AngularJS control: Autocomplete documentation: ug --- -# Getting Started +# Getting Started with AngularJS Autocomplete The AutoComplete control is a textbox control that provides a list of suggestions based on your query. When you enter text into the text box, the control performs a search operation and provides a list of results. There are several filter types available to perform the search. @@ -94,7 +94,7 @@ To render the ejAutocomplete using angular directive, we need to inject the ejan {% endhighlight %} -![](Getting_Started_Images/autocomplete.png) +![Create HTML File in AngularJS Autocomplete](Getting_Started_Images/autocomplete.png) ## Model binding @@ -142,7 +142,7 @@ Add in the $scope value as below. {% endhighlight %} -![](Getting_Started_Images/modelbinding.png) +![Model Binding in AngularJS Autocomplete](Getting_Started_Images/modelbinding.png) ## Data binding @@ -203,7 +203,7 @@ The data for the suggestion list can be populated using the dataSource property. {% endhighlight %} {% endtabs %} -![](Getting_Started_Images/databinding.png) +![Data Binding in AngularJS Autocomplete](Getting_Started_Images/databinding.png) ## Enable Popup Button @@ -261,7 +261,7 @@ This button helps you to show all the available suggestions on clicking it. {% endhighlight %} {% endtabs %} -![](Getting_Started_Images/showpopup.png) +![Show PopUp in AngularJS Autocomplete](Getting_Started_Images/showpopup.png) ## Two Way Binding @@ -326,4 +326,4 @@ We have a two way data binding when a model variable is bound to an element that {% endtabs %} -![](Getting_Started_Images/twowaybinding.png) +![Two Way Binding in AngularJS Autocomplete](Getting_Started_Images/twowaybinding.png) diff --git a/angularjs/Grid/Filter.md b/angularjs/Grid/Filter.md index 995f179d..f7f2c151 100644 --- a/angularjs/Grid/Filter.md +++ b/angularjs/Grid/Filter.md @@ -1,12 +1,12 @@ --- layout: post -title: Filtering with Grid widget for Syncfusion Essential AngularJS -description: How to enable filtering and its functionalities +title: Filtering in AngularJS Grid Control | Syncfusion +description: Learn here about Filter Support in Syncfusion Essential Studio AngularJS Grid control, its elements, and more. platform: AngularJS control: Grid documentation: ug --- -# Filtering +# Filtering in Essential AngularJS Grid Filtering helps to view particular or related records from dataSource that meets a given filtering criteria. To enable filter, set the `e-allowfiltering` to `true`. @@ -55,7 +55,7 @@ The following code example describes the previous behavior. The following output is displayed as a result of previous code example: -![](filtering_images/filtering_img1.png) +![Filtering in AngularJS Grid](filtering_images/filtering_img1.png) ## Menu filter @@ -97,19 +97,19 @@ The following code example describes the previous behavior. The following output is displayed as a result of previous code example: -![](filtering_images/filtering_img2.png) +![Numeric Filter in AngularJS Grid](filtering_images/filtering_img2.png) {:caption} Numeric Filter -![](filtering_images/filtering_img3.png) +![String Filter in AngularJS Grid](filtering_images/filtering_img3.png) {:caption} String Filter -![](filtering_images/filtering_img4.png) +![Date Filter in AngularJS Grid](filtering_images/filtering_img4.png) {:caption} Date Filter -![](filtering_images/filtering_img5.png) +![Boolean Filter in AngularJS Grid](filtering_images/filtering_img5.png) Boolean Filter @@ -143,7 +143,7 @@ The following code example describes the previous behavior. The following output is displayed as a result of previous code example: -![](filtering_images/filtering_img6.png) +![Excel Filter in AngularJS Grid](filtering_images/filtering_img6.png) ### Checkbox list generation: @@ -181,7 +181,7 @@ The following code example describes the previous behavior. The following output is displayed as a result of previous code example: -![](filtering_images/filtering_img7.png) +![Checkbox List Generation in AngularJS Grid](filtering_images/filtering_img7.png) ### Add current selection to filter checkbox @@ -190,7 +190,7 @@ When you filter the values multiple times on same column, then the previously fi The following image describes the previous behavior: -![](filtering_images/filtering_img12.png) +![Add Current Selection in AngularJS Grid](filtering_images/filtering_img12.png) ### Case Sensitivity @@ -223,7 +223,7 @@ The following code example describes the previous behavior. The following output is displayed as a result of previous code example: -![](filtering_images/filtering_img8.png) +![Case Sensitivity in AngularJS Grid](filtering_images/filtering_img8.png) ## Filter bar @@ -396,7 +396,7 @@ The following code example describes the previous behavior. The following output is displayed as a result of previous code example: -![](filtering_images/filtering_img9.png) +![Filter Bar in AngularJS Grid](filtering_images/filtering_img9.png) Filter bar modes: @@ -439,7 +439,7 @@ The following code example describes the previous behavior. The following output is displayed as a result of previous code example: -![](filtering_images/filtering_img10.png) +![Filter Bar Message in AngularJS Grid](filtering_images/filtering_img10.png) ## Filter Operators @@ -652,7 +652,7 @@ The following code example describes the previous behavior. The following output is displayed as a result of previous code example: -![](filtering_images/filtering_img11.png) +![Filter Bar Template in AngularJS Grid](filtering_images/filtering_img11.png) {:caption} After Filtering