我希望使用ng-options在Angular Js中进行级联过滤 我有HTML
<div class="selection">
<div class="form-group">
<label for="size" class="col-sm-2 control-label">{{'logSize' | translate}}</label>
<div class="col-sm-10">
<select id="size" class="form-control" ng-model="logbook.size" ng-options="size as size.name | translate for size in versions track by size.id"></select>
</div>
</div>
<div class="form-group">
<label for="pages" class="col-sm-2 control-label">{{'logSize' | translate}}</label>
<div class="col-sm-10">
<select id="pages" class="form-control" ng-model="logbook.pages" ng-options="pages as pages.name | translate for pages in logbook.size.pages track by pages.id"></select>
</div>
</div>
<div class="form-group">
<label id="typeof" for="logSize" class="col-sm-2 control-label">{{'logSize' | translate}}</label>
<div class="col-sm-10">
<select id="typeof" class="form-control" ng-model="logbook.typeofsiding" ng-options="typeofsiding as typeofsiding.name | translate for typeofsiding in logbook.pages.typeofsiding track by typeofsiding.id"></select>
</div>
</div>
<div class="form-group">
<label for="terms" class="col-sm-2 control-label">{{'logSize' | translate}}</label>
<div class="col-sm-10">
<select id="terms" class="form-control" ng-model="logbook.terms" ng-options="terms as terms.name | translate for terms in logbook.typeofsiding.terms track by terms.id"></select>
</div>
</div>
</div>
和js
$scope.versions = [
{
id: "20cm",
name: "20 cm",
pages: [
{
id: "doublesided",
name: "Double-sided",
typeofsiding: [
{
name: "Two-side",
id: "twoside",
terms: [
{
name: "QR",
id: "QR"
},
{
name: "Text",
id: "Text"
},
{
name: "Link",
id: "Link"
}]
}
]
},
{
id: "onesided",
name: "One-sided",
typeofsiding: [
{
name: "none",
id: "none",
terms: [
{
name: "QR",
id: "QR"
},
{
name: "Text",
id: "Text"
},
{
name: "Link",
id: "Link"
}]
}
]
}]
},
{
id: "15cm",
name: "15 cm",
pages: [
{
id: "doublesided",
name: "Double-sided",
typeofsiding: [
{
name: "Two-side",
id: "twoside",
terms: [
{
name: "QR",
id: "QR"
},
{
name: "Text",
id: "Text"
},
{
name: "Link",
id: "Link"
}]
}
]
},
{
id: "onesided",
name: "One-sided",
typeofsiding: [
{
name: "none",
id: "none",
terms: [
{
name: "QR",
id: "QR"
},
{
name: "Link",
id: "Link"
}]
}
]
}]
},
{
id: "10cm",
name: "10 cm",
pages: [
{
id: "doublesided",
name: "Double-sided",
typeofsiding: [
{
name: "fold",
id: "fold",
terms: [
{
name: "QR",
id: "QR"
},
{
name: "Text",
id: "Text"
},
{
name: "Link",
id: "Link"
}]
},
{
name: "Two-side",
id: "twoside",
terms: [
{
name: "QR",
id: "QR"
},
{
name: "Text",
id: "Text"
},
{
name: "Link",
id: "Link"
}]
}
]
},
{
id: "onesided",
name: "One-sided",
typeofsiding: [
{
name: "none",
id: "none",
terms: [
{
name: "Link",
id: "Link"
}]
}
]
}]
},
{
id: "5cm",
name: "5 cm",
pages: [
{
id: "doublesided",
name: "Double-sided",
typeofsiding: [
{
name: "fold",
id: "fold",
terms: [
{
name: "QR",
id: "QR"
},
{
name: "Link",
id: "Link"
}]
},
{
name: "Two-side",
id: "twoside",
terms: [
{
name: "QR",
id: "QR"
},
{
name: "Link",
id: "Link"
}]
}
]
},
{
id: "onesided",
name: "One-sided",
typeofsiding: [
{
name: "none",
id: "none",
terms: [
{
name: "Link",
id: "Link"
}]
}
]
}]
}];
当我使用ng-option而没有跟踪它完美但我需要我的id值。 当我选择使用曲目时,不要刷新并且不能正常工作。 请帮我。我整天都在研究这个问题。