0

モデルに文字列の配列があります。それぞれのテキスト入力を作成し、Twitter Bootstrap の先行入力を使用して配列にバインドしたいと思います。これが私が試したことです：

<div class="control-group inline" ng-repeat="offer in userinfoadd.offers">
    <label class="control-label" for="offer">Offer </label>
    <div class="controls">
            <input type="text" bs-typeahead="typeahead" value="{{offer}}">
    </div>
</div>

これが私のコントローラーのコードです：

  $scope.userinfoadd = {
     offers: ['one','two','three','four','five']
  };

  //get the typeahead
  $http.get('data/activities.json').success(function(data) { //TODO: Stub, replace for an API call!
    $scope.typeahead = data;
  });

入力がレンダリングされるようになりましたが、機能しません。何か案は？

4

1 に答える 1

0

次のようにモデルを入力にバインドする必要があります。そうすると、機能するはずです。

<input type="text" bs-typeahead="typeahead" ng-model="userinfoadd.offers[$index]" />

ここで簡単な例を参照してください：http：//jsfiddle.net/flek/hwpuT/

アップデート

残念ながら、それはエレガントなアイデアではないようです。1文字のチャンスがあるたびに入力がぼやける配列のエントリが発生すると、Angularはリストを再レンダリングします。

于 2013-02-16T13:11:35.223 に答える