在ASP.Net中使用Angularjs时将文本保留在文本框中

如何解决在ASP.Net中使用Angularjs时将文本保留在文本框中

在文本框中键入内容时，我使用angularjs自动完成了银行名称。 但是，当我单击以编辑数据时，文本框将为空，因为当Page加载时，具有角度代码的文本框将变为空

.asmx.cs文件以获取银行名称作为列表： '''

    [WebMethod]
    public void GetBankName()
    {
        string q = "select distinct bank from BANK$";
        List<string> allBankName = new List<string>();
        SqlDataReader dr = DB.GetRS(q) as SqlDataReader;
        while (dr.Read())
        {
            allBankName.Add(dr["bank"].ToString());
        }
        JavaScriptSerializer js = new JavaScriptSerializer();
        Context.Response.Write(js.Serialize(allBankName));
    }

'''

角度文本框 '''

<div class="col-lg-4">
       <label>Bank Name</label>
        <div ng-app="myapp" ng-controller="usercontroller">
          <asp:TextBox ID="txtbankname" runat="server" CssClass="form-control" Text="{{country}}"  autocomplete="off"
             class="autosuggest" AutoPostBack="false"
             ng-model="country" ng-keyup="complete(country)"></asp:TextBox>
              <ul class="list-group countryLists" ng-model="hidethis" ng-hide="hidethis">  
                  <li class="list-group-item" ng-repeat="countrydata in filterCountry" ng-click="fillTextbox(countrydata)">
                                        {{countrydata}}</li>  
              </ul>
               <asp:RequiredFieldValidator CssClass="text-capitalize text-danger" runat="server" ID="reqbankname" ControlToValidate="txtbankname" ForeColor="red" ErrorMessage="Please enter bank name !" ValidationGroup="received" />
           </div>

'''

Angularjs脚本：

<script>  
         var app = angular.module("myapp",[]);  
         app.controller("usercontroller",function ($scope,$http) {
             $http.post("/Corporate/AngularCalls/GetBanks.asmx/GetBankName").then(function (sl) {
                 //console.log(sl);
                 $scope.countryList = sl.data;
                 console.log("CountryList "+$scope.countryList);
                 //$scope.states = sl.data;
             });

             $scope.complete = function (string) {

                   $scope.hidethis = false;  
                   var output = [];
                   angular.forEach($scope.countryList,function (country) {

                       if (country.toLowerCase().indexOf(string.toLowerCase()) >= 0 && string != null && string != "" && string != " ")
                        {  
                           output.push(country);
                       }

                       if (country.valueOf() == "")
                           $scope.filterCountry = [];
                   });  
                   $scope.filterCountry = output;

              }  
             $scope.fillTextbox = function (string) {
                 if (string != null && string != "" && string != " ") {
                     $scope.country = string;
                     $scope.hidethis = true;
                 }
              }  
         });  
     </script>

即使我重定向到此页面进行编辑，我也需要帮助来检索文本框数据