Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有没有办法在angularjs filter中显示已过滤数组的属性?_Javascript_Angularjs_Angularjs Filter - Fatal编程技术网

Javascript 有没有办法在angularjs filter中显示已过滤数组的属性?

Javascript 有没有办法在angularjs filter中显示已过滤数组的属性?,javascript,angularjs,angularjs-filter,Javascript,Angularjs,Angularjs Filter,我尝试只显示过滤数组的一个特定属性。 有没有一种方法可以在我的控制器中不使用自定义方法来显示属性? 我的意思是直接在视野中 我的顺序。选项数组: [ {value: '0', text: 'random'}, {value: '1', text: 'names'}, {value: '2', text: 'ages'} ] 我的看法是: <span>{{order.options | filter:order.value}}</span><

我尝试只显示过滤数组的一个特定属性。 有没有一种方法可以在我的控制器中不使用自定义方法来显示属性? 我的意思是直接在视野中

我的
顺序。选项
数组:

[
    {value: '0', text: 'random'},
    {value: '1', text: 'names'},
    {value: '2', text: 'ages'}
]
我的看法是:

<span>{{order.options | filter:order.value}}</span><!--  I need help here -->                          
<select ng-model="order.value">
    <option value="{{option.value}}" ng-repeat="option in order.options">{{option.text}}</option>
</select>
{{order.options}过滤器:order.value}
{{option.text}
如果用户通过更改“选择”命令对列表进行排序,我希望在某个位置显示所选值的文本(排序中的值。选项[INDEX]。文本

例如,如果用户在选择中选择“random”,则random应显示在选择之前的范围中


我必须在我的选项中使用不同的值和文本,因为我按值对“选择”旁边的列表进行排序(whis是列表项的属性)

为什么不直接将所选选项用作模型值

<select ng-model="selectedOrder">
    <option ng-value="option" ng-repeat="option in order.options">{{option.text}}</option>
</select>

{{option.text}
然后,您可以在视图中直接独立地使用selectedOrder.valueselectedOrder.text,而无需任何控制器方法调用。

var-app=angular.module('app',[]);
应用程序控制器('homeCtrl',函数($scope){
$scope.order={
选项:
[{
值:“0”,
文本:“随机”
}, {
值:“1”,
文本:“名称”
}, {
值:“2”,
文字:“时代”
}]
};
//为selectedOrder设置默认值
$scope.selectedOrder=$scope.order.options[0];
});

{{selectedOrder.text}

如果我这样做,
selectedOrder
包含该值,但它没有任何
selectedOrder.text
属性对于输入错误,html有一个错误。请找到最新的答案。谢谢!我不知道ng期权指令:D