问题描述
在文本框中键入内容时,我使用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>
即使我重定向到此页面进行编辑,我也需要帮助来检索文本框数据
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)