Javascript 将动态值显示为下拉列表中的第一个元素

我正在处理angularjs forEach循环。我正在显示带有动态值的下拉列表。 我正在动态获取

$scope.showCurrentProgram

，我希望在加载页面时将其显示为列表中选定的第一个元素，并从下拉列表中删除相同的元素（$scope.programs）

示例js代码：

app.controller("BaseController", function($scope) { 
  $scope.title = "Angular.ForEach"; 
  $scope.showCurrentProgram="Oracle";//dynamically showCurrentProgram value is updated which need to be shown on the dropdown list as the selected item and remove that element from the list
     $scope.programs = ["ALL","C","C++","java","SAP","Oracle",".net","ABAP"];
});

html代码：

  <select name="selectedPrograms" ng-model="selectedProgram" ng-options="x for x in programs" ng-change="updatePrograms()"></select>

预期产出： 在页面加载时将Oracle显示为列表中的第一个元素。

---

$scope.showCurrentProgram在运行时动态加载一些值，这些值需要在下拉列表中显示为所选元素（第一个元素）。

只需将$scope.selectedProgram设置为要绑定的值，并将其设置为模板中的ng模型

演示

var-app=angular.module（'BaseApp'，[]）；
app.controller（“BaseController”，函数（$scope）{
$scope.title=“Angular.ForEach”；
$scope.selectedProgram=“Oracle”；
$scope.programs=[“全部”、“C”、“C++”、“java”、“SAP”、“Oracle”、“.net”、“ABAP”]；
});