7

私は AngularJS を使用しておりng-click、データリスト (html5) の要素が選択されているときにディレクティブを使用したいと考えています。

これが私の実際のコードの例です：

<label>Search</label>
<input type="text" class="input-search" list="datalistcit" ng-change="changeQuery(queryCity)" ng-model="queryCity" />
<datalist id="datalistcit">
   <option ng-repeat="city in cities" ng-click="goCity(city)" value="{{city.name}}">
   </option>
</datalist>

動作しません.jsメソッドgoCityを実行しないでください..何か考えはありますか?

4

3 に答える 3

2

datalist は select と同じで、イベント ハンドラを option に入れず、イベント ハンドラを select または input に入れます。また、ng-click を使用せず、これには ng-change を使用します。

于 2014-03-12T03:01:19.717 に答える
1 
<input list="stateList"  name="state" ng-model = "payCntrl.billingAddressService.billingAddress.state">
    <datalist id="stateList">
        <select>
            <option ng-repeat="state in payCntrl.billingAddressService.states | filter : {country : payCntrl.billingAddressService.billingAddress.country}" 
                                    value="{{state.name}}"></option>
       </select>    
   </datalist>

  • name と ng-model は input にあります。

    データ ：

    states : [{name : "NJ" , country: "USA"} ,  {name : "NY" , country: "USA"} , 
         {name : "GA" , country: "USA"} ,   {name : "TX" , country: "USA"} , 
         {name : "CA" , country: "USA"} , 
         {name : "Delhi" , country: "India"} ,  {name : "Karnataka" , country: "India"} , 
         {name : "Hyderabad" , country: "India"} ,  {name : "West Bengal" , country: "India"} , 
         {name : "Zhejiang" , country : "China"} , {name : "Hubei" , country : "China"},
         {name : "LONDON" , country : "United Kingdom"} , {name : "MANCHESTER" , country : "United Kingdom"}]
于 2015-01-28T20:14:49.163 に答える