我試圖顯示數(shù)組中的一些行，并按某個(gè)字段過濾它們。例如：我有數(shù)組“fieldindex”，數(shù)組中的字段是：字段名頁面索引數(shù)組內(nèi)容為：[{fieldname:'firstname',pageindex:'1'},{fieldname:'lastname',pageindex:'2'}]我有這個(gè)代碼：<input type="text" id="pageindex" /> <span class="fieldindex" ng-repeat="x in fieldsonpdf"> {{x.fieldname}}</span>我希望跨度僅顯示“pageindex”等于輸入值的字段例如：如果輸入的值為1，則跨度顯示“firstname”，如果輸入的值為 2，則范圍顯示“l(fā)astname”。感謝幫助者。
2 回答
MM們
TA貢獻(xiàn)1886條經(jīng)驗(yàn) 獲得超2個(gè)贊
您可以添加ng-model到輸入中，例如
<input type="text" id="pageindex" ng-model="pageindex"/>
然后你可以使用pageindexas過濾器點(diǎn)ng-repeat贊，
<span class="fieldindex" ng-repeat="x in fieldsonpdf | filter:pageindex">
工作片段：
angular.module('test', [])
.controller('test', ['$scope', function ($scope) {
$scope.fieldsonpdf =
[
{fieldname:'firstname',pageindex:'1'},
{fieldname:'lastname',pageindex:'2'}
]
$scope.pageindex = '1';
}]);
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="test" ng-controller="test">
<input type="text" id="pageindex" ng-model="pageindex"/>
<span class="fieldindex" ng-repeat="x in fieldsonpdf | filter:pageindex">
{{x.fieldname}}</span>
</div>
慕斯王
TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超2個(gè)贊
讓我們考慮一下您已經(jīng)從輸入中獲得了值。您可以使用該函數(shù)filter來獲取與您的條件匹配的所有對(duì)象，或者只是find為了獲得第一個(gè)匹配項(xiàng)，最好的方法是將此代碼添加到您的控制器中并使用您的示例從模板進(jìn)行訪問：
const list = [{fieldname:'firstname',pageindex:'1'},{fieldname:'lastname',pageindex:'2'}];
const getField = (value) => { return list.filter(item => +item.pageindex === value)}
然后你只需從你的模板中調(diào)用：
getField(2)
請(qǐng)注意，我item.pageindex使用 強(qiáng)制該屬性為數(shù)字+。
- 2 回答
- 0 關(guān)注
- 190 瀏覽
添加回答
舉報(bào)
0/150
提交
取消