我試圖顯示數組中的一些行，并按某個字段過濾它們。例如：我有數組“fieldindex”，數組中的字段是：字段名頁面索引數組內容為：[{fieldname:'firstname',pageindex:'1'},{fieldname:'lastname',pageindex:'2'}]我有這個代碼：<input type="text" id="pageindex" /> <span class="fieldindex" ng-repeat="x in fieldsonpdf"> {{x.fieldname}}</span>我希望跨度僅顯示“pageindex”等于輸入值的字段例如：如果輸入的值為1，則跨度顯示“firstname”，如果輸入的值為 2，則范圍顯示“lastname”。感謝幫助者。
2 回答
MM們
TA貢獻1886條經驗 獲得超2個贊
您可以添加ng-model到輸入中，例如
<input type="text" id="pageindex" ng-model="pageindex"/>
然后你可以使用pageindexas過濾器點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貢獻1864條經驗 獲得超2個贊
讓我們考慮一下您已經從輸入中獲得了值。您可以使用該函數filter來獲取與您的條件匹配的所有對象，或者只是find為了獲得第一個匹配項，最好的方法是將此代碼添加到您的控制器中并使用您的示例從模板進行訪問：
const list = [{fieldname:'firstname',pageindex:'1'},{fieldname:'lastname',pageindex:'2'}];
const getField = (value) => { return list.filter(item => +item.pageindex === value)}
然后你只需從你的模板中調用：
getField(2)
請注意，我item.pageindex使用 強制該屬性為數字+。
- 2 回答
- 0 關注
- 159 瀏覽
添加回答
舉報
0/150
提交
取消