小编Nic*_*unt的帖子

我想在Aurelia创建依赖的下拉菜单.

依赖下拉列表的含义是,如果您单击第一个下拉列表中的项目,则第二个下拉列表中的选项将根据您单击的内容进行过滤.如果你看看我的js-fiddle,你会注意到如果你在第一个下拉列表中选择丰田,那么第二个就是丰田车型(卡罗拉,凯美瑞等).如果你在第一个下拉列表中选择本田,第二个用本田车型(雅阁,思域等)填充.你明白了.

它非常简单,只需要很少的代码就可以在Angular中执行此操作,我想知道在Aurelia中执行此操作是否也简单明了.在Aurelia,我无法找到有关如何做到这一点的资源.下面的小提琴演示了我想要完成的内容(除了我想在Aurelia中做,当然不是Angular).任何帮助将非常感激.谢谢!

https://jsfiddle.net/nhunt3/wjvvjwzx/

HTML:

<div ng-app="myApp" ng-controller="myController">
My Cars
<br />
<table>
  <thead>
    <tr>
      <td>Make</td>
      <td>Model</td>
    </tr>
  </thead>

  <tbody>
    <tr ng-repeat="car in myCars track by car.uid">
      <td>
        <select ng-model="car.MakeUID" ng-options="make.uid as make.name for make in makes" />
      </td>

      <td>
        <select
        ng-model="car.ModelUID"
        ng-options="model.uid as model.name for model in models | filter: { parentID: car.MakeUID } : true" />
      </td>
    </tr>
  </tbody>
</table>   
</div>

JavaScript的:

// the main (app) module
var myApp = angular.module("myApp", []);

angular.module('myApp', []).controller('myController', function($scope) {
    $scope.makes = …