AngularJS - >选择需要两次点击才能直观地更改

时间:2014-12-13 22:25:48

标签: javascript html angularjs

我正在使用以下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请求。

您怎么看?

谢谢, 乙

0 个答案:

没有答案