filter popup immediately closes angularjs

[Bertha]

How can I convert "popup:{appendto: $("#winComments")}" to angularjs "k-popup: {??????}"?  Thanks.

$("#ddMonth").kendoDropDownList({
dataSource: $scope.mthList,
dataTextField: "name",
dataValueField: "name",
filter: "contains",
popup: {   <=====
appendTo: $("#winComments") <=====
} <========
});

 

<select data-ng-show="filterMth" kendo-drop-down-list
k-data-text-field="'name'"
k-data-value-field="'name'"
k-filter="'contains'"

??????????
k-data-source="mthList"></select>

[Dimitar]

Hello Bertha,

On the following Dojo example a simple DropDownList implementation can be found, that demonstrates how to correctly setup the k-popup option of the widget in an AngularJS scenario.

To achieve the desired result, the popup option is prefixed with a "k-" and then the declarative attributes for the configuration object are set:

<div id="container">
<h4 style="padding-top: 2em;">Remote data</h4>
<select kendo-drop-down-list
k-data-text-field="'ProductName'"
k-data-value-field="'ProductID'"
k-data-source="productsDataSource"
k-filter="'contains'"
k-popup="{appendTo: '#container'}"
style="width: 100%"></select>
</div>

Additional information on the topic can be found in the following AngularJS Integration Article.

Regards,
Dimitar
Progress Telerik

[Bertha]

Thanks.  Worked Correctly.