gpt4 book ai didi

javascript - Material Angular 虚拟重复不在下拉列表中显示值

转载 作者:行者123 更新时间:2023-12-03 23:32:48 25 4
gpt4 key购买 nike

我正在尝试在用户不断滚动时为下拉选择设置无限重复。

使用 $http 尝试了一些类似的方法。但似乎无法让它发挥作用。

   $scope.infiniteItems = {
numLoaded_: 0,
toLoad_: 0,
items: [],

// Required.
getItemAtIndex: function (index) {
if (index > this.numLoaded_) {
this.fetchMoreItems_(index);
return null;
}
return this.items[index];
},

// Required.
getLength: function () {
return this.numLoaded_ + 25;
},

fetchMoreItems_: function (index) {
if (this.toLoad_ < index) {
this.toLoad_ += 10;
AssemblyJigsFactory.getData().then(angular.bind(this, function (obj) {
this.items = this.items.concat(obj.data.success.data);
this.numLoaded_ = this.toLoad_;
}));
}
}
};

如果我 console.log( $scope.infiniteItems); 结果是空的,

Object {numLoaded_: 0, toLoad_: 0, items: Array[0]}

我的 HTML 是一个带有此标记的简单对话框弹出

 <md-input-container class="md-block" flex-gt-sm>
<label>Storage Location</label>
<md-select ng-model="newJig.storagelocation" placeholder="Storage Location" ng-cloak>
<md-option>
<md-virtual-repeat-container id="vertical-container">
<div md-virtual-repeat="item in infiniteItems" md-on-demand class="repeated-item" flex>
{{item.name}}
</div>
</md-virtual-repeat-container>
</md-option>
<div ng-hide="allItems.length">No items found</div>
</md-select>
</md-input-container>

但是 存储位置 只是没有显示任何值。我也不确定 html 设置是否正确。

我测试过

 AssemblyJigsFactory.getData().then(function(res){

console.log( res.data.success);
});

靠自己,数据源源不断。

Object {total: 50, per_page: 25, current_page: 1, ...

有什么想法吗?

最佳答案

我有同样的问题,如下更改您的 md-input-container

<md-input-container class="md-block" flex-gt-sm>
<label>Storage Location</label>
<md-select ng-model="newJig.storagelocation" placeholder="Storage Location" ng-cloak>
<md-virtual-repeat-container id="vertical-container">
<div md-virtual-repeat="item in infiniteItems" md-on-demand class="repeated-item" flex>
<md-option ng-value='item.value'>{{item.name}}
</md-option>
</div>
</md-virtual-repeat-container>
<div ng-hide="allItems.length">No items found</div>
</md-select>
</md-input-container>

希望对您有所帮助。

关于javascript - Material Angular 虚拟重复不在下拉列表中显示值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41360897/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com