как показать ниспадающую позицию по выбранному идентификатору - PullRequest
Новая
       5

как показать ниспадающую позицию по выбранному идентификатору

0 голосов
/ 12 сентября 2018

как получить город по идентификатору при прохождении. Идентификатор показывает пустое значение. Я хочу показать название записи, пожалуйста, проверьте ниже 

$scope.CityList = [{"CityId":1,"CityName":"London"},{"CityId":2,"CityName":"Manchester"},{"CityId":3,"CityName":"Johnes"}]

    <tr ng-repeat="item in ArrTransportDetail">
    <td> <select class="form-control input-height" name="select" ng-model="item.FromCityId"
    ng-options="city as city.CityName for city in CityList ">
     <option value="">Select...</option>
      </select>
      </td>
    </tr>

1 Ответ

0 голосов
/ 13 сентября 2018

См. Пример ниже и получите CityName, используя city[0].CityName: 

<!DOCTYPE html>
<html>
<head>
    <script src="scripts/angular-1.7.2/angular.js"></script>
    <script src="scripts/scripts/index.js"></script>
</head>
<body ng-app="myApp" ng-controller="myController" ng-init="init()">
    <form>
        <input type="text" ng-model="cityId" placeholder="Enter your City Id" ng-keyup="cityName = searchCity(cityId)">
    </form>
    <div>{{cityName}}</div>
</body>
</html>

и контроллер: 

"use strict";

var myApp = angular.module("myApp", []);

myApp.controller("myController", function ($scope) {

    $scope.CityList = [{"CityId":1,"CityName":"London"},{"CityId":2,"CityName":"Manchester"},{"CityId":3,"CityName":"Johnes"}];
    $scope.cityId = "";
    $scope.cityName = "";

    $scope.searchCity = function (cityId) {
        const city = $scope.CityList.filter((city) => city.CityId === parseInt(cityId));
        return (city !== 'undefined') ? city[0].CityName : "";
    };

});

Надеюсь, это поможет вам.

...