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，我想在ng-click事件上绑定outdoors数据，因此动态下拉更新我在这个问题上需要帮助

Answer 1

$scope.update = function() {
};

替换为：

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

请参阅DEMO

Answer 2

为此，您应该button在您定义ng-controller组件的同一select范围内，然后在您调用ng-click的{{1}}事件中您将在与button相同的控制器中创建function，并在该功能中为您分配update function等新值

我为此创建简单的example，你应该检查一下谢谢

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

2 个答案: