Как создать выпадающий список syncfusion в angularjs

Question

Я использую раскрывающийся список syncfusion. Я хочу создать раскрывающийся список для группы крови в моей форме. Как я могу это сделать в angularjs?

<input type="text" ej-dropdownlist e-datasource="BloodGroup_List" e-value="Name" ng-model="employee.bloodgroup"> 

В мой контроллер я написал,

$scope.bloodgroup = [{ "Id": "1", "Name": "O+" }, 
            { "Id": "2", "Name": "O-" }, 
            { "Id": "3", "Name": "A+" }, 
            { "Id": "4", "Name": "A-" }, 
            { "Id": "5", "Name": "B+" }, 
            { "Id": "6", "Name": "B-" }, 
            { "Id": "7", "Name": "AB+" }, 
            { "Id": "8", "Name": "AB-" }]; 

    $scope.BloodGroup_List = $scope.bloodgroup; 

Приведенный выше код не работает, где я не прав?

Answer 1

Попробуйте это ..

<select ng-model="selectedItem"> 
     <option ng-repeat="bloodgroupvalue in bloodgroup" value="{{bloodgroupvalue.Id}}">{{bloodgroupvalue.Name}}</option> 
     </select> 

или

<select ng-model="selectedItem" ng-options="bloodgroupvalue.Name for bloodgroupvalue in bloodgroup"> 
     </select> 

Answer 2

Вы должны использовать e-fields-text="Name", чтобы показать текст на в выпадающем списке, то он будет связывать значение этого ng-model

HTML

<input id="test" type="text" ej-dropdownlist e-datasource="BloodGroup_List" e-fields-text="Name" 
e-fields-value="Name" ng-model="employee.bloodgroup" e-change="selectedBloodGroup"/> 

КОД

$scope.selectedBloodGroup = function(args) { 
    $scope.employee.bloodgroup = args.value; 
    $scope.$apply(); 
}; 

Working Plunkr

Answer 3

Вы должны отобразить источник данных соответствующих атрибутов в свойстве "полей".

<input type="text" id="bloodgroup" ej-dropdownlist e-datasource="BloodGroup_List" e-fields-text="Name" e-fields-value="Name" e-fields-id="Id" e-value="value"> 

В сценарии, инъекционные 'ejAngular' и указать значения, как показано ниже

angular.module('DropCtrl', ['ejangular']) 
     .controller('DropDownCtrl', function ($scope) { 
      $scope.bloodgroup = [{ "Id": "1", "Name": "O+" }, 
         { "Id": "2", "Name": "O-" }, 
         { "Id": "3", "Name": "A+" }, 
         { "Id": "4", "Name": "A-" }, 
         { "Id": "5", "Name": "B+" }, 
         { "Id": "6", "Name": "B-" }, 
         { "Id": "7", "Name": "AB+" }, 
         { "Id": "8", "Name": "AB-" }]; 
      $scope.BloodGroup_List = $scope.bloodgroup; 
      $scope.value = "AB-"; 
     }); 

это будет работать для вас.