如何在ng-options中允许回退空值

时间:2017-09-19 22:11:34

标签: angularjs

字段对象有三个属性:labelnamevalue

我需要将<option>文本设置为等于label属性,除非它为null。如果它为null,那么我需要使用name属性作为文本。如果那是空的,我需要回退以使用value属性作为文本。如果属性为null,我如何制作这个级联,以便我没有“undefined”文本?

<select ng-model="c.field" ng-options="f.label for f in c.fields">
    <option value="">-- Select an Option --</option>
</select>

1 个答案:

答案 0 :(得分:2)

这个怎么样? IN

&#13;
&#13;
ng-options="(f.label || f.name || f.value) for f in c.fields"
&#13;
var app = angular.module("app", []);

app.controller("controller", function() {
  var vm = this;
  
  vm.fields = [
    {
      label: "label",
      name: "name",
      value: "value"
    },
    {
      label: null,
      name: "name",
      value: "value"
    },
    {
      name: "",
      value: "value"
    }
  ];
});
&#13;
&#13;
&#13;