查看

Question

我有一个表单，用户可以使用谷歌地图填写该表单以获取到目的地的路线。用户可以选择350种可能的设定目的地。他们可以通过点击谷歌地图上的图钉或者从表格中的选择菜单中选择此目的地。

当他们点击谷歌地图上的图钉时，我希望选择菜单更改为目的地。

我正在尝试使用ng-selected，但它不起作用。

任何帮助都会受到赞赏。谢谢。

查看

   <div id="select_destination">
        <select data-ng-model="selectedDestination" 
                ng-options="station.stationID as station.stationShortAddress for station in allStationsMapData track by station.stationID" 
                data-ng-change="selectDestination(selectedDestination)"
                ng-selected="station.stationID == selectedDestination">
        </select>
    </div>

控制器

当用户点击地图上的电台时（不从选择菜单中选择），会调用名为getDirections的函数。这应该会更改选择菜单中当前选定的项目，但不会。（注意：函数正确执行传递右侧stationID。）

$scope.getDirections = function(stationLat, stationLng, stationID){ 
    //update the select menu model to the chosen stationID.
    $scope.selectedDestination = stationID;     
};

额外信息：

我也尝试过使用ng-selected和ng-repeat，但它也没有用。

<select data-ng-model="selectedDestination" data-ng-change="selectDestination(selectedDestination)">
    <option ng-repeat="stationMapData in allStationsMapData" 
        value="{{stationMapData.stationID}}" 
        ng-selected="{{stationMapData.stationID == selectedDestination}}">
        {{stationMapData.stationShortAddress}}
    </option>
</select>

Answer 1

将sed -i更改为<?php $output = shell_exec('ls -lart'); echo "<pre>$output</pre>"; ?>。

或者使用// POST https://goairlines.nectir.co/app/api/v1/login { _username: "test", _password: "test" }代替ng-selected="station.stationID == selectedDestination"。（这是更明确的方式。）

ng-selected="selectedDestination"

参考小提琴。

FIDDLE（第一种情况）
FIDDLE（第二个案例）

ng-selected不使用ng-options或ng-repeat

查看

控制器

额外信息：

1 个答案: