Javascript Angularjs材质-同步多个选择框
我有一个基本的HTML表单,用户可以在其中切换语言(法语、英语和双语)。在表格中,我为每种语言设置了一个选择框,选项相同,但根据所选语言进行翻译 我需要将它们全部同步,这样当用户选择wichever框中的选项1时,所有其他框都将位于选项1Javascript Angularjs材质-同步多个选择框,javascript,angularjs,angular-material,Javascript,Angularjs,Angular Material,我有一个基本的HTML表单,用户可以在其中切换语言(法语、英语和双语)。在表格中,我为每种语言设置了一个选择框,选项相同,但根据所选语言进行翻译 我需要将它们全部同步,这样当用户选择wichever框中的选项1时,所有其他框都将位于选项1 $scope.French_Options = ["Un", "Deux", "Trois"]; $scope.Bilingual_Options = ["Un/One", "Deux/Two", "Trois/Three"]; $scope.En
$scope.French_Options = ["Un", "Deux", "Trois"];
$scope.Bilingual_Options = ["Un/One", "Deux/Two", "Trois/Three"];
$scope.English_Options = ["One", "Two", "Three"];
<md-input-container>
<label>French</label>
<md-select ng-model="selection.french" ng-change="baseValueChange()" >
<md-option ng-repeat="option in French_Options" ng-value="option "> {{état_fr}} </md-option>
</md-select>
</md-input-container>
<md-input-container>
<label>Bilingual/ Status</label>
<md-select ng-model="selection.bilingual" ng-change="Notifications.('Bilingue', $index)" >
<md-option ng-repeat="option in Bilingual_Options" ng-value="option "> {{état_bilingue}} </md-option>
</md-select>
</md-input-container>
<md-input-container style="margin-top: 5px; margin-bottom: 5px;" flex="25">
<label>English</label>
<md-select ng-model="selection.english" ng-change="baseValueChange()>
<md-option ng-repeat="option in English_options" ng-value="option "> {{état_en}} </md-option>
</md-select>
</md-input-container>
$scope.French_Options=[“Un”、“Deux”、“Trois”];
$scope.biglublic_Options=[“联合国/一个”、“两个/两个”、“三个/三个”];
$scope.English_Options=[“一”、“二”、“三”];
法语
{{tat_fr}}
双语/身份
{{双语}
英语
您可以在ng change
回调中传递其他参数,以帮助自动设置其他选择
这里的基本思想是:
- 新选择的选项
- 它所属的选项集合
- 所选选项在其所属集合中的位置
一旦你有了那个位置,你就可以使用它来更新所有其他的选择,这样被选中的选项就可以在同一位置使用这个选项
这就是我所缺少的!非常感谢你!