angularjs с выпадающим меню выберите

Question

Если я выберу выпадающий текст, отобразите эту таблицу, используя базу данных SQL. попробуйте решить здесь, мой код теперь предположим, что я выбираю один текст в раскрывающемся списке &. Нажмите на кнопку, затем отобразите эту выбранную текстовую таблицу с помощью SQL-сервера.

<div ng-app="myApp" ng-controller="myCntrl"> user Roles: <select id="dropdown" name="dropdown" ng-model="dropdown"> 
    <option value="">--Select--</option> 
    <option data-ng-repeat="Role in RolesList">{{Role.RoleName}}</option> 
</select> 
    </br></br> 
    <input id="Button1" type="button" class="button" value="button" ng-click="click()" />  </div> 

<script>var app = angular.module("myApp", []); 
     app.controller("myCntrl", function ($scope, $http) {    
     $scope.fillList = function() { 
      $scope.RoleName = ""; 
      var httpreq = { 
       method: 'POST', 
       url: 'WebForm1.aspx/GetList', 
       headers: { 
        'Content-Type': 'application/json; charset=utf-8', 
        'dataType': 'json' 
       }, 
       data: {} 
      } 
      $http(httpreq).success(function (response) { 
       $scope.RolesList = response.d;     
      }) 
     }; 
     $scope.fillList();   
    }); 
</script> 

вот мой код CS

[System.Web.Services.WebMethod()] 
    public static List<Names> GetList() 
    { 
     List<Names> names = new List<Names>(); 
     DataSet ds = new DataSet(); 
     using (SqlConnection con = new SqlConnection(@"Data Source=192.168.1.42,1433;Initial Catalog=Harneedi;User ID=chaitanya_t;Password=makrotech")) 
     { 
      using (SqlCommand cmd = new SqlCommand()) 
      { 
       cmd.Connection = con; 
       cmd.CommandText = "select RoleName from HN_Master_User_Role"; 
       using (SqlDataAdapter da = new SqlDataAdapter(cmd)) 
       { 
        da.Fill(ds); 
       } 
      } 
     } 
     if (ds != null && ds.Tables.Count > 0) 
     { 
      foreach (DataRow dr in ds.Tables[0].Rows) 
       names.Add(new Names(dr["RoleName"].ToString())); 
     } 
     return names; 
    } 

} 
public class Names 
{ 
    public string RoleName; 
    public Names(string _RoleName) 
    { 
     RoleName = _RoleName; 
    } 
} 

}

Answer 1

Ваш код, чтобы заполнить выпадающий код выглядит хорошо для меня. Хотя вы не указали, что вы пытаетесь сделать, когда пользователь нажимает кнопку, я покажу, как вы можете получить выбранное значение выпадающего списка.

Вам нужно будет добавить поведение в контроллере, который можно вызвать из кнопки: -

$scope.fillList(); 
$scope.click = function (selectedValue) { 
        alert(selectedValue); 
       } 

Тогда, так как вы уже связываете выпадающее выбранное значение с помощью ng-model="dropdown" вы можете использовать то же самое время разговора этого поведения : -

<input id="Button1" type="button" class="button" value="button" 
     ng-click="click(dropdown)" />