Как правильно настроить флажки ng-repeat - PullRequest
Новая
       35

Как правильно настроить флажки ng-repeat

0 голосов
/ 19 декабря 2018

Я пытаюсь показать данные ng-repeat с правильно выровненными флажками как вертикально.Ниже приведен фрагмент кода, который я пробовал: 

<table width="100%" class="table">
      <tbody>
        <tr>
            <td><label for="fruits" class="control-label">Select 
            Fruits</label></td></td>
            <td><label ng-repeat="fruit in MainCtrl.fruits">
            <input type="checkbox"> {{fruits}} 
            </label></td>
        </tr>
        </tbody>
        </table>

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

app.controller('MainCtrl', function($scope){
  $scope.fruits = {Apple,Mango};
});

Он отображает строки по горизонтали, как показано ниже: Apple Mango, но я хочу, чтобы он отображался по вертикали.

1 Ответ

0 голосов
/ 19 декабря 2018

Самый простой способ - стилизовать ваши флажки с помощью CSS.Вы можете установить их на display: block и или width: 100%

...