2017-09-07 9 views
0

郵便番号を入力すると、選択できる住所(郵便番号、都市名、国名)の一覧が表示されます1つを選択すると、それがui-select入力ボックスに追加されます。私は複数の設定としてui-selectを用意しています。ジオコーディングサービスからの複数の郵便番号を角度付きで選択する

郵便番号はAngular Geocodingサービスからのもので、params(郵便番号と国(常に米国))を使用して経路を呼び出すだけで、IDとテキストの提案が返されます場所は郵便番号、都市、国をカンマで区切ったものです

私の質問は、ドロップダウンからのアドレスをui-select入力ボックスに追加すると、実際にそれらの値にアクセスするにはどうすればいいですか?コントローラ。

<ui-select ng-model="area.location" multiple theme="bootstrap" ng-disabled="disabled"> 
    <ui-select-match placeholder="Enter a postal code..." ng-model="code">{{$item.text}}</ui-select-match> 
    <ui-select-choices repeat="address in addresses | filter: $select.search" refresh="getSearchLocation($select.search)" refresh-delay="0"> 
      <div ng-bind-html="address.text | highlight: $select.search"></div> 
    </ui-select-choices> 
</ui-select> 

getSeachLocation($select.search)機能は、郵便番号情報を取得するものである:

は、ここに私のUI-セレクトコードです。

これが十分なコードであることを望みます。もし私がもっと追加したいのなら、私に知らせてください。

コントローラのui-selectに追加する値にアクセスできないようです。

このすべての感覚を願って、ありがとう!

+0

サンプルデータを提供することはできますか?可能であれば、問題を抱えているかい? –

+1

これは私のアプリの仕事のために大量のコードになると思うし、たくさんの依存関係や物事がお互いに繋がっているからだ。主に私が探しているのは、コントローラのui-select値にアクセスする方法です。 私はフィドルを試してみることができますが、それは非常に長い時間がかかるかもしれません... – Lushmoney

+0

私は理解しています!問題ない! –

答えて

0

ui-select-choicesのために割り当てた値/構造体の配列であるui-selectのng-modelを使用して、コントローラ内で選択した後でいつでもアクセスできます。

たとえば、var selected = $scope.placesModel.selected[n]のような選択したアイテムにアクセスします(これは複数の選択肢の配列です)。そのインデックスの値は、選択肢に割り当てられた値です。私の場合は単純なjsonオブジェクトなので、selected.idのようなオブジェクトプロパティにアクセスできます。