Custom Popup editor with Javascript or AngularJs

Hi,

   I have some problems with dropdownlist.  In the template, I have:

<div class="k-edit-field"><input name="AssignmentType" data-value-field="AssignmentTypeId" data-text-field="Description" data-source="assignmentTypeDataSource" data-bind="value: AssignmentType" kendo-dropdownlist data-role="dropdownlist" /></div>

In angular, I have:

        $scope.assignmentTypeDataSource = new kendo.data.DataSource({
            data: [
                { AssignmentTypeId: 1, Description: "Instructor" },
                { AssignmentTypeId: 2, Description: "Assistant Professor" }
            ]
        });

If I remove data-value-field and data-text-field, dropdownlist is filled with 2 lines [object Object]

When I does not remove these attributes, the dropdown is not filled (show no entry).

Note: my model column is AssignmentType (object like assignmentTypeDataSource containing AssignmenTypeId and Description).  I tried before with binding to remote data, but I tried this binding only to simplify the code and find the problem...

Thank you