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