在Ionic和AngularJS应用程序中添加按钮以列出项目

时间:2015-07-28 14:50:51

标签: javascript angularjs ionic-framework

我正在尝试在我的Ionic应用程序中添加一个按钮,以添加一个列表项,其中包含一个下拉选项。到目前为止,我有:

HTML:

  <div class="list" ng-repeat="option in options">
     <button class="button button-block button-positive" ng-click="addOption()">
         Add
     </button>
     <label class="item item-input item-select">
        <div class="input-label">
            Name
        </div>
        <select>
            <option>Not interested</option>
            <option> Yes</option>
        </select>
     </label>
  </div>

JS:

  $scope.option = $localStorage;

    $scope.addOption = function() {
        $scope.option.push();
    };

  $scope.closeOption = function(index) {
        $scope.alerts.splice(index, 1);
  };

我知道上面一定是错的,但我看不到哪里?我对角度JS来说相当新鲜

2 个答案:

答案 0 :(得分:0)

您需要进行选择菜单,以便数组中的每个选项都有一个option

<select>
  <option ng-repeat="x in option">{{x}}</option>
</select>

此外,您没有指定添加到option的内容。

答案 1 :(得分:0)

您必须将类定义为下拉列表,以将选项显示为列表。