Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions angularjs/Autocomplete/data-binding.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Syncfusion Autocomplete data-binding
description: data binding
title: Data Binding in AngularJS Autocomplete Control | Syncfusion
description: Learn here about Data Binding support in Syncfusion Essential AngularJS Autocomplete Control, its elements, and more.
platform: AngularJS
control: Autocomplete
documentation: ug
---

## Data Binding
# Data Binding in Essential AngularJS Autocomplete

In order to render the AutoComplete component, the data needs to be bound to it in a proper way. The below sections explains about how to bind either the local or remote data to the AutoComplete component.

Expand Down Expand Up @@ -65,7 +65,7 @@ $scope.text="name";

Run the above code to render the following output.

![Data Binding](data-binding_images\local-data_img1.png)
![Data Binding in AngularJS AutoComplete](data-binding_images\local-data_img1.png)


### Remote data
Expand Down Expand Up @@ -105,7 +105,7 @@ $scope.text="ContactName";

Run the above code to render the following output.

![Data Binding Images](data-binding_images\odata_img1.png)
![Odata in AngularJS AutoComplete](data-binding_images\odata_img1.png)


#### WebAPI
Expand Down Expand Up @@ -140,7 +140,7 @@ Here the ContactName field is mapped with text property of the field object.

Run the above code to render get the following output.

![Web Data Binding](data-binding_images\webapi_img1.png)
![WebAPI in AngularJS AutoComplete](data-binding_images\webapi_img1.png)



Expand Down
6 changes: 3 additions & 3 deletions angularjs/Autocomplete/how-to.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Syncfusion Autocomplete see-also
description: see also
title: How To Section in AngularJS Autocomplete Control | Syncfusion
description: Learn here about How To Section in Syncfusion Essential AngularJS Autocomplete Control, its elements, and more.
platform: AngularJS
control: Autocomplete
documentation: ug
---


## How To
# How To Section in AngularJS Autocomplete

### Set Client Side Validation for Autocomplete?

Expand Down
8 changes: 4 additions & 4 deletions angularjs/Autocomplete/multiple-columns.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: multiple-columns
description: multiple columns
title: Multiple Columns in AngularJS Autocomplete Control | Syncfusion
description: Learn here about Multiple Columns support in Syncfusion Essential AngularJS Autocomplete Control, its elements, and more.
platform: AngularJS
control: Autocomplete
documentation: ug
---

## Multiple Columns
# Multiple Columns in Essential AngularJS Autocomplete

The Autocomplete allows list of data to be displayed in several columns and column collection can be defined and customized through the [e-multicolumnsettings ](http://help.syncfusion.com/api/js/ejautocomplete)property.

Expand Down Expand Up @@ -145,7 +145,7 @@ columns: [

Run the above code to render the following output.

![](multiple-columns_images\multiple-columns_img1.png)
![Multiple Columns in AngularJS Autocomplete](multiple-columns_images\multiple-columns_img1.png)



6 changes: 3 additions & 3 deletions angularjs/Autocomplete/overview.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: overview
description: overview
title: Overview in AngularJS AutoComplete Control | Syncfusion
description: Learn here about Overview support in Syncfusion Essential AngularJS Autocomplete Control, its elements, and more.
platform: AngularJS
control: AutoComplete
documentation: ug
---

## Overview
# Overview in Essential AngularJS AutoComplete

The Essential Angular AutoComplete control is a textbox control that provides a list of suggestions based on the user query.When the users enters the text in the text box, the control performs a search operation and provides a list of results in the suggestion pop up. There are several filter types available to perform the search.

Expand Down
8 changes: 4 additions & 4 deletions angularjs/Autocomplete/template-support.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: template-support
description: template support
title: Template Support in AngularJS AutoComplete Control | Syncfusion
description: Learn here more about Template Support in Syncfusion Essential AngularJS Autocomplete Control, its elements, and more
platform: AngularJS
control: Autocomplete
documentation: ug
---

## Template Support
# Template Support in Essential AngularJS AutoComplete

The suggestion list can be customized based on different needs using templates. The desired templates can be defined using the “e-template” property.

Expand Down Expand Up @@ -39,5 +39,5 @@ The suggestion list can be customized based on different needs using templates.

Run the above code to render the following output.

![](template-support_images\template-support_img1.png)
![Template Support in AngularJS AutoComplete](template-support_images\template-support_img1.png)