在AngularJS中,可以使用ng-model指令将两个选择值绑定在一起。下面是一个示例代码:
HTML模板:
{{option}}
{{option}}
Selected Value 1: {{selectedValue1}}
Selected Value 2: {{selectedValue2}}
JavaScript控制器:
angular.module('myApp', ['ngMaterial'])
.controller('myCtrl', function($scope) {
$scope.options1 = ['Option 1A', 'Option 1B', 'Option 1C'];
$scope.options2 = ['Option 2A', 'Option 2B', 'Option 2C'];
$scope.selectedValue1 = '';
$scope.selectedValue2 = '';
});
在上面的代码中,我们使用了ng-model
指令将selectedValue1
和selectedValue2
与md-select绑定。当用户选择一个选项时,相应的变量将被更新。
最后,我们在HTML模板中显示了选定的值,以验证绑定是否成功。
请确保在使用md-select之前,你已经正确引入了AngularJS和Angular Material库。