行が選択されているときにドロップダウンフィールドにテキストを挿入する

Question

ドロップダウンからアイテムが選択されたときにjQueryを使用して文字列データをドロップダウンに挿入しようとしているHTMLがあります。

      <td class="col-md-3" colspan="4"> 
           <label class="control-label">{{item.fields[11].displayName}}22</label> 
           <div class="dropdown" style="width:100%"> 
            <input type="text" class="form-control dropdown-toggle" data-toggle="dropdown" data-ng-disabled="formReadOnly" data-ng-model="item[item.fields[11].name]" data-ng-keyup="comboBoxGenOptions(2, 148, item[item.fields[11].name], 'searchGenericOptions')" /> 
            <ul class="dropdown-menu" style="width:100%"> 
             <li class="GpiId" data-ng-repeat="name in searchGenericOptions" style="width:100%"><a data-ng-click="changeData(item.fields[11].name, name)">{{name}}</a></li> 
            </ul> 
           </div> 
           <label class="error" data-ng-show="issueSuppNum()">Please insert a valid generic name.</label> 
           @*<div class="GenId" data-strat-form-control data-field-display-id="1" data-vmformreadonly="formReadOnly" data-show-tool-tip="showToolTip(item.fields[7].htmlName)" data-strat-model="item" data-field="item.fields[7]"></div>*@ 
          </td> 

ドロップダウンは、オブジェクトに取り込みます

私はそれをクリックすると、私はGPIフィールドを表示する：

$scope.changeData = function (propertyName, name) { 
     $scope.item[propertyName] = name; 
     $('GpiId').text(name.GPI); 
    }; 

オブジェクトが上に引っ張られています正しく：

私は間違っていますが、どうすれば修正できますか？

編集：フィールドをクラスに追加しました。

Answer 1

まず、私はあなたが "。"あなたのクラスセレクタで。
$('GpiId').text(name.GPI);

セカンド

$('.GpiId').text(name.GPI); 

にすでに角度を使用しているので、私が代わりに{{}} GpiId内で使用しようとするだろう。