Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angularjs材质-同步多个选择框_Javascript_Angularjs_Angular Material - Fatal编程技术网

Javascript Angularjs材质-同步多个选择框

Javascript 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

我有一个基本的HTML表单,用户可以在其中切换语言(法语、英语和双语)。在表格中,我为每种语言设置了一个选择框,选项相同,但根据所选语言进行翻译

我需要将它们全部同步,这样当用户选择wichever框中的选项1时,所有其他框都将位于选项1

  $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
回调中传递其他参数,以帮助自动设置其他选择

这里的基本思想是:

  • 新选择的选项
  • 它所属的选项集合
  • 所选选项在其所属集合中的位置
一旦你有了那个位置,你就可以使用它来更新所有其他的选择,这样被选中的选项就可以在同一位置使用这个选项


这就是我所缺少的!非常感谢你!