Javascript “角度不填充”中的“多选”下拉列表

我有一个角度的小控制器，它控制一个下拉列表，根据第一个选择填充第二个下拉列表

我似乎无法从我的控制器中获得任何内容填充的下拉列表，我没有控制台错误，也看不到任何错误。最好能有第二双眼睛，看看他们是否能发现我的错误

我的控制器

// our controller for the form
// =============================================================================
.controller('formController', function($scope) {

    // we will store all of our form data in this object
    $scope.formData = {};

    // function to process the form
    $scope.processForm = function() {
        alert('awesome!');
    };

});


var app = angular.module('selection-type', []);

app.controller('SelectCnrl', function($scope) {

  $scope.user = {bankName: ''};

  $scope.banks = [{
    "name": "Bank A",
    "branches": [{
      "name": "Branch 1",
      "code": "1"
    }, {
      "name": "Branch 2",
      "code": "2"
    }]
  }, {
    "name": "Bank B",
    "branches": [{
      "name": "Branch 3",
      "code": "3"
    }, {
      "name": "Branch 4",
      "code": "4"
    }, {
      "name": "Branch 5",
      "code": "5"
    }]
  }];

});

我的HTML

<div ng-app="selection-type">

    <div ng-controller="SelectCnrl">
        <select ng-model="user.bankName" ng-options="bank.name for bank in banks">
        </select>

        <select ng-model="user.branch" ng-if="user.bankName"
                ng-options="branch.code as branch.name for branch in user.bankName.branches">
        </select>

        <!--<br /> <br /><br /><br /><br />-->
        <!--selected bank : {{ user.bankName }} <br />-->
        <!--selected branch : {{ user.branch }}-->
    </div>

</div>


<div class="form-group row">
    <div class="col-xs-6 col-xs-offset-3">
        <a ui-sref="form.end" class="btn btn-block btn-info">
            Next Section <span class="glyphicon glyphicon-circle-arrow-right"></span>
        </a>
    </div>
</div>

下一节

将代码更改为

$scope.user={bankName:$scope.banks[0]，分行：'1'}

在第一个选择中，模型值将是
$scope.banks
数组中的对象。因此，使用
$scope.user.bankName
数组中的对象初始化
$scope.banks


angular.module（'selection-type'，[]）
.controller（'formController'，函数（$scope）{
//我们将把所有表单数据存储在此对象中
$scope.formData={}；
//函数来处理表单
$scope.processForm=函数（）{
警觉（“真棒！”）；
};
})
.controller（'SelectCnrl'，函数（$scope）{
$scope.banks=[{
“名称”：“A银行”，
“分支机构”：[{
“名称”：“分行1”，
“代码”：“1”
}, {
“名称”：“分行2”，
“代码”：“2”
}]
}, {
“名称”：“银行B”，
“分支机构”：[{
“名称”：“分行3”，
“代码”：“3”
}, {
“名称”：“分支机构4”，
“代码”：“4”
}, {
“名称”：“分行5”，
“代码”：“5”
}]
}];
$scope.user={bankName:$scope.banks[0]，分行：'1'}；
$scope.displayModalValue=function（）{
log（$scope.user.bankName）；
}
});

下一节
有效，一定是其他原因导致您的问题。你有多个
ng app
标签吗？嗯，在angular的新版本中，我正在使用教程构建我的应用程序，因此我可能会使用两次ng app，我会检查代码。谢谢你是对的，我的app.js文件有两个ng-apps。对，在这种情况下，你可以看一看，或者只是没有两个应用，只有一个。thanks@George完美我只是在Malth坚持使用一个应用程序，虽然它在沙盒中工作，但我认为我的app.js文件结构错误。正如@George所说，我使用了ng应用程序twice@Beep也许吧。如果你的代码在我的代码段中运行良好，那么在我的代码段中，只有select 1的默认值应该是changedits cleat and tidy，我将重新构建我的app.js，并研究使用你更新的代码