Question

我在平均堆栈中得到了很好的代码，但我想要另外一个功能。也就是说，我想从我的数据库中获取更多元素，而我正在选择选项。

我的数据库是NoSql：

Tir2：id，price，xin，yin，xout，yout ......等等。

这是我的代码：

index.js

   <select size="10" name="ngvalueselect" ng-model="response.data" multiple>
   <option ng-repeat="tir in tir2" ng-value="[tir.mapsUrl]">{{tir.id}}</option></select>

   ng-src="{{response.data[0]}}"

Controller.js

   $http.get('/tir2').then(function(response){
    $scope.tir2 = response.data;

    var googleMapsUlr = "origin={0} destination={1}";

    angular.forEach($scope.tir2, function(element, key) {

        element.mapsUrl = googleMapsUlr.replace("{0}", element.xout + "," + element.yout).replace("{1}", element.xin + "," + element.yin);
    });

这对我来说非常合适，但我需要添加一些有关所选内容的更多信息。我想出了类似的东西。

Controller.js

    var info ="{0},{1},{2},{3}";
    ........
    ........
    element.info2 = info.replace("{0}", element.dateout).replace("{1}", element.datein).replace("{2}", element.price).replace("{3}", element.kmeters);

现在我不知道如何通过单击选择选项单独显示这两个元素（info2，mapsUrl）。

Answer 1

首先，你不需要在select中使用ng-repeat，你可以使用ng-option指令。

您的模型数据结构不明确但如果您想发布所有内容，请在选择时说明完整的用户记录，请使用如下：

ng-model ='modelname'
ng-options="user as user.name for user  in users track by user.id"

当您在下拉列表中选择一个项目时，它会在您的模型中输入完整的用户记录。

For more detail see this link

如何从1 ng-model中选择2种不同的数据类型

1 个答案: