Angularjs ng选项过滤器储备选择第一个值

Angularjs ng选项过滤器储备选择第一个值,angularjs,Angularjs,嗨,尝试使用filter/orderBy选择第一个选项:但是它不起作用,我知道|在角度上是一个过滤函数。现在选择的是最后一个值/标签,如何选择第一个标签(天) 我尝试了orderBy:-npu.label和下面的代码,但没有成功 vm.NoticePeriodUnitValue = [{ value: 1, label: 'Days' }, { value: 7, label: 'Weeks' }, {

嗨,尝试使用filter/orderBy选择第一个选项:但是它不起作用,我知道|在角度上是一个过滤函数。现在选择的是最后一个值/标签,如何选择第一个标签(天)

我尝试了orderBy:-npu.label和下面的代码,但没有成功

vm.NoticePeriodUnitValue = [{
        value: 1,
        label: 'Days'
    }, {
        value: 7,
        label: 'Weeks'
    }, {
        value: 30,
        label: 'Months'
    }, {
        value: 365,
        label: 'Years'
    }];

<select name="NoticePeriodOptions" data-ng-change="vm.setNoticePeriod()" data-ng-model="vm.NoticePeriodUnit" 
            class="form-control search-input inverted mt-10" id="profile_notice-period-unit" 
            data-ng-options="npu.value as npu.label for npu in vm.NoticePeriodUnitValue | filter: -npu.label"> 
        </select>
vm.NoticePeriodUnitValue=[{
价值:1,
标签:“天”
}, {
数值:7,
标签:“周”
}, {
数值:30,
标签:“月”
}, {
价值:365,
标签:“年”
}];
将此添加到您的代码中

vm.NoticePeriodUnit = vm.NoticePeriodUnitValue[0].value; 

这将为您提供一个默认值,您可以为模型设置默认值并删除该文件管理器

$scope.vm = {
                NoticePeriodUnitValue: [{
                    value: 1,
                    label: 'Days'
                }, {
                    value: 7,
                    label: 'Weeks'
                }, {
                    value: 30,
                    label: 'Months'
                }, {
                    value: 365,
                    label: 'Years'
                }], 
               NoticePeriodUnit: 1
            }
控制器:
vm.NoticePeriodUnitValue=[{
价值:1,
标签:“天”
}, {
数值:7,
标签:“周”
}, {
数值:30,
标签:“月”
}, {
价值:365,
标签:“年”
}];
vm.NoticePeriodUnit={value:1,标签:'Days'};
vm.setNoticePeriod=函数(){
console.log(vm.NoticePeriodUnit);
}
HTML:

你能试试这个吗,过滤器:'-npu.label'我已经试过了,但是它删除了其他选项并保留了月份。很抱歉,这样,orderBy:'-npu.label'仍然是一样的,它选择了年份你想把天数选作默认值吗?然后使用vm.NoticePeriodUni in ng选项来设置它(vm.NoticePeriodUnit中的npu),不,这没有给我任何东西。ng选项是否仍然相同(…在vm.NoticePeriodUnitValue中)?
Controller: 

    vm.NoticePeriodUnitValue = [{
            value: 1,
            label: 'Days'
        }, {
            value: 7,
            label: 'Weeks'
        }, {
            value: 30,
            label: 'Months'
        }, {
            value: 365,
            label: 'Years'
        }];
    vm.NoticePeriodUnit = {value: 1, label: 'Days'};
vm.setNoticePeriod = function() {
  console.log(vm.NoticePeriodUnit);
}

    HTML:
    <select name="NoticePeriodOptions" data-ng-change="vm.setNoticePeriod()" data-ng-model="vm.NoticePeriodUnit.value" 
                class="form-control search-input inverted mt-10" id="profile_notice-period-unit" 
                data-ng-options="npu.value as npu.label for npu in vm.NoticePeriodUnitValue"> 
            </select>