Question

我想在按下按钮时显示选项而不显示下拉框。对于reference of select。但是当我尝试实现时，它给了我下拉框。我不想表现出来。我想展示选择。

Answer 1

嗨这根据您的要求对我有用，请看看：
1.在index.html中添加一个方法为

的按钮

<ion-content ng-controller="ExampleCtrl">
      <button class="button button-bar button-positive" ng-click="showSelect()">Options</button>
      </ion-content>

2.在app.js文件中，使用以下函数编写控制器代码：

.controller('ExampleCtrl', ['$scope', '$ionicPopup',function($scope,$ionicPopup) {
  $scope.values=['1','2','3','4'];
  $scope.showSelect = function(){
    $ionicPopup.alert({
      title:'select an option',
      templateUrl:'test.html'
    });
  }

}])

3.last和最后一步在项目中创建一个test.html文件，并将代码粘贴为：

<ion-view view-title="select">
  <ion-content ng-controller="ExampleCtrl">
    <ion-list ng-repeat="item in values">
      <ion-item>
        {{item}}
      </ion-item>
    </ion-list>
  </ion-content>
</ion-view>

有任何疑问，请回复..

Ionic show select with button action on options

1 个答案: