我正在使用以下HTML,并且当用户从下拉框中选择时出现问题。问题是,当您第一次单击时,您可以通过控制台日志看到变量更改,但在视觉上该项目保持空白。如果我再次选择该项目,它将以可视方式显示。
这是我的HTML>
<div class="section">
<select ng-model="companyInfo" ng-change='getCompany(companyInfo)'
ng-options="company.name for company in list">
</select><br>
</div>
我感觉这是一个真正的菜鸟错误,但我无法理解!
非常感谢任何帮助。
编辑 -
感谢您的快速回复!应该给getCompaniesList
$scope.getCompany = function(company) {
console.log("companyInfo passed", company);
internalClientService.getCompany(company.name)
.then(function(companyRecord){
console.log("returning record from getCompany service", companyRecord);
$scope.currentCompany = companyRecord[0].name;
$scope.currentCompanyId = companyRecord[0].companyid;
getFarmList(companyRecord[0].farms);
});
};
var getFarmList = function(farmIdArray){
$scope.farmsList = [];
internalClientService.getFarms(farmIdArray)
.then(function(farmNames){
console.log('the farmNames returning', farmNames);
for (var i = 0; i<farmNames.length; i++){
$scope.farmsList.push(farmNames[i].name);
}
});
};
internalCLientService是一个简单的HTTP请求。
您怎么看?
谢谢, 乙