Рубрики

AngularJS | Выберите коробки

нг-опции:
Для создания выпадающего списка на основе элементов массива следует использовать директивы ng-options :
Пример-1:

<!DOCTYPE html>

<html>

<script src=

 "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">

  </script>

  

<body>

    <center>

        <h2 style="color:green">GeeksforGeeks</h2>

        <div ng-app="gfg" ng-controller="myCtrl">

  

            <select ng-model="selectedName" 

                    ng-options="x for x in names">

            </select>

  

        </div>

  

        <script>

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

            app.controller('myCtrl', function($scope) {

                $scope.names = 

                  ["car", "cricket", "metro"];

            });

        </script>

  

        <p>Dropdown List.</p>

    </center>

</body>

  

</html>

Выход:

нг-повторить:
Создайте тот же выпадающий список, используя директивы ng-repeat.
Выпадающий список из ng-repeat должен быть строкой.
Пример-2:

<!DOCTYPE html>

<html>

<script src=

"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">

</script>

  

<body>

    <center>

        <h2 style="color:green">GeeksforGeeks</h2>

        <div ng-app="gfg" ng-controller="myCtrl">

  

            <select>

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

                </option>

            </select>

  

        </div>

  

        <script>

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

            app.controller('myCtrl', function($scope) {

                $scope.names = ["cric", "lion", "gfg"];

            });

        </script>

  

        <p>Dropdown List.</p>

    </center>

</body>

  

</html>

Выход:

Рекомендуемые посты:

AngularJS | Выберите коробки

0.00 (0%) 0 votes