We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

HighlightSearch working in JS example, but not Angular1 example

I was doing some testing on the JavaScript AutoCompleteTextBox and the Angular1 AutoCompleteTextBox and found that the 'highlightsearch' property does not work on the angular1 version of the control.

The JS example can be found here: http://js.syncfusion.com/demos/web/#!/bootstrap/autocomplete/multicolumn
The Angular1 example can be found here: http://ngjq.syncfusion.com/#/autocomplete/multicolumn

JavaScript autocomplete creation:
                dataSource: window.gridData,                fields: { key: "OrderID", text: "ShipCity" },
    highlightSearch: true,
    watermarkText: "Select a order",    width:"100%",    showPopupButton: true,    multiColumnSettings:{
    stringFormat: "{0}  ({3}) ({1})",    enable:true,    showHeader: true,
    columns: [
    {    field: "CustomerID",    headerText: "CustomerID",    },
    {    field: "OrderID",    headerText: "OrderID"    },
    {    field: "EmployeeID",    headerText: "EmployeeID"    },
    {    field: "ShipCity",    headerText: "ShipCity"    }

Angular1 autocomplete creation:
<input type="text" id="automulticolumn" ej-autocomplete e-datasource="multicolumndataList" e-fields-key="multicolumnkey" e-fields-text="multicolumntext" e-watermarktext="Select a Order" e-highlightserach="true" e-showpopupbutton="true" e-multicolumnsettings="multicolumncolset" e-width="100%" />

Is there a way to get the 'highlightsearch' property to work in Angular1, without switching completely over to the JavaScript version of the control?

3 Replies

AP Arun Palaniyandi Syncfusion Team December 22, 2016 09:31 AM UTC

Hi Thomas, 
Thanks for contacting Syncfusion support. 
We have validated your shared code and found that the highlightsearch property is wrongly spelled. You have used e-highlightserach instead of e-highlightsearch in your code. So change the spell error with your application to enable highlight search for Autocomplete. 

Please let us know if you have any queries. 

Arun P 

TF Thomas French December 22, 2016 01:47 PM UTC

Hey Arun,

Good catch on the spelling.
Just a heads up, the code sample that I pasted is from the Syncfusion Angular1 demo page for the AutoCompleteTextBox multicolumn.

Demo found here: http://ngjq.syncfusion.com/#/autocomplete/multicolumn
You may want to alert your team to the spelling error so that the demo page can be corrected and work correctly.

Thank you.

ES Ezhil S Syncfusion Team December 23, 2016 11:47 AM UTC

Hi Thomas, 

We are glad the issue has been resolved in your end. 

Thanks for your feedback. We will update the demo page in our upcoming release. 
Please let us know if you need further assistance. 
Ezhil S 

Live Chat Icon For mobile
Up arrow icon