ngSelect 未在页面加载时填充 ajax 数据
ngSelect not populating ajax data on page load
我有一个 angular 网络应用程序,其中包含以下内容:
<select ng-model="modelObject.users" ng-options="users.name for users in ajaxData">
</select>
和一个填充 select 到 ajax 数据的控制器。我遇到的问题是 select 中的数据只有在 select 被点击后才会散开。在此之后,select 将在再次单击时拥有所有填充的数据。
这是错误还是有某种原因 data/options 最初没有插入到 select 对象中。
我曾尝试做与此类似的事情:angular.js select doesn't show the option value in the begining 并查看了许多关于堆栈溢出的其他问题。我的问题不同之处在于:
在用户单击 select 并取消聚焦之前,select 中根本没有任何选项。大多数其他答案都是关于最上面的选项,而不是最初 selected。
假设您正在使用 jquery 获取数据,在您的 Ajax 成功处理程序中,一旦您使用响应数据更新了范围变量,请使用
$scope.$apply()
,
这应该会用您的数据更新视图。
初始化 select 标签的 ng-model,将在下拉列表中显示选项。
我有一个 angular 网络应用程序,其中包含以下内容:
<select ng-model="modelObject.users" ng-options="users.name for users in ajaxData">
</select>
和一个填充 select 到 ajax 数据的控制器。我遇到的问题是 select 中的数据只有在 select 被点击后才会散开。在此之后,select 将在再次单击时拥有所有填充的数据。
这是错误还是有某种原因 data/options 最初没有插入到 select 对象中。
我曾尝试做与此类似的事情:angular.js select doesn't show the option value in the begining 并查看了许多关于堆栈溢出的其他问题。我的问题不同之处在于:
在用户单击 select 并取消聚焦之前,select 中根本没有任何选项。大多数其他答案都是关于最上面的选项,而不是最初 selected。
假设您正在使用 jquery 获取数据,在您的 Ajax 成功处理程序中,一旦您使用响应数据更新了范围变量,请使用
$scope.$apply()
,
这应该会用您的数据更新视图。
初始化 select 标签的 ng-model,将在下拉列表中显示选项。