HighlightSearch working in JS example, but not Angular1 example

[Thomas French]

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:

$('#selectCar').ejAutocomplete({
                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%" />

QUESTION:

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

[Arun Palaniyandi]

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. 

Demo sample: http://jsplayground.syncfusion.com/gicwflut  

Please let us know if you have any queries. 

Regards, 

Arun P 

[Thomas French]

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.

[Ezhil S]

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. 

 

Regards, 

Ezhil S