Member 12747513 Ответов: 2

Как связать выпадающий список с полем описания.

Я пытаюсь создать раскрывающееся окно с небольшим описанием. При выборе элемента из раскрывающегося списка поле Описание должно содержать его описание. Таким образом, проблема, с которой я сталкиваюсь, заключается в том, что я не знаю, как правильно связать эти два элемента вместе, на данный момент я могу отображать выпадающий список с элементами, но я потерпел неудачу в поле Ссылка описания, поэтому, пожалуйста, помогите мне связать выпадающий список и описание для каждого сделанного выбора.

Что я уже пробовал:

2 Ответов

Рейтинг:
0

Karthik_Mahalingam

попробовать это

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script>
        var app = angular.module('myapp', []);
        app.controller('myctrl', myfun);
        function myfun($scope) {
            $scope.description = '';
            $scope.selectedItem = 'select'
            $scope.items = [
                { value: "select", description: "" }, { value: "apple", description: "is a fruit" }, { value: "carrot", description: "is a vegtable" }, { value: "cashew", description: "is a nut" }
            ];
            $scope.changeItem = function () {

                var item = $scope.selectedItem;
                for (var i = 0; i < $scope.items.length; i++) {
                    if ($scope.items[i].value == item) {
                        $scope.description = $scope.items[i].description;
                        break;
                    }
                } 
            }

        }
    </script>

</head>
<body ng-controller="myctrl" ng-app="myapp">

    <select ng-model="selectedItem" ng-change="changeItem()">
        <option ng-repeat="x in items" value="{{x.value}}">{{x.value}}</option>
    </select>
    <span style="border:1px solid gray" id="desc">&nbsp;{{description}}&nbsp;</span>


</body>
</html>

Karthik_Mahalingam

что-то вроде ???
не ясно, пожалуйста, будьте более конкретны, опубликуйте скриншот.

Рейтинг:
0

Member 12747513 

<ion-list>
  <ion-item ng-repeat="item in items">
    Hello, {{item}}!
  </ion-item>
</ion-list>

Member 12747513

@Картик Бангалор . извините за предыдущий пост, код не был опубликован. Я говорил о том, что я опубликовал как решение 2. Можно ли использовать это так, чтобы я мог выполнять такие действия, как добавление, удаление и всплывающие окна