javascript - 更改 Angular JS 中按钮单击上的下拉选项

Question

我想在单击按钮时动态更改下拉选项

HTML 代码

 <ul data-role="listview" data-inset="true">
     <li ng-controller="exerciseTypeCtrl">
          <select id="exerciseType" data-role="listview" ng-options="type as type.text for type in types.cast " ng-model="item" ng-change="update()">
          </select>
    </li>
 </ul>

使用这个 JS

var myApp = angular.module('myApp',[]);

myApp.controller('exerciseTypeCtrl',function($scope,indoors,outdoors)
{
    $scope.types = indoors;
    $scope.update = function() {
    }
});

默认情况下，我绑定数据indoors，并且我想outdoors在 ng-click 事件上绑定数据，因此动态下拉更新我需要有关此问题的帮助

Answer 1

$scope.update = function() {
};

替换为：

$scope.update = function() {
    $scope.types = outdoors;
}

见演示

Answer 2

为此，您应该在定义组件button的相同范围内进行，然后在您调用的事件中，您将在与您相同的控制器中创建，并且在该函数中您将分配新的值，如其中ng-controllerselectng-clickbuttonfunctionupdate function$scope.types = outdoors

我为此创建了一个简单的示例，您应该检查一下谢谢