javascript - AngularJs:通过单击该文本将文本设置为文本框

Question

我想将文本发送到“文本 1”点击上的文本框

这是我的代码:

HTML:

<td ng-show="table.similarParts">
   <input ng-hide="item.is_new == false" type="text" class="form-control" uib-tooltip="You Can Filter Different Part Also" uib-tooltip-trigger="focus" uib-tooltip-placement="top"/>
</td>
<td class="wd-80" ng-show="table.similarParts">
    <div class="btn-group" uib-dropdown="dropdown" ng-hide="item.is_new == false">
     <button class="btn btn-default" type="button" data-keyboard="false" data-backdrop="static" uib-tooltip="Search This Part From Available Parts"" uib-tooltip-trigger="focus" uib-tooltip-placement="top"> <em class="fa fa-search"></em></button>
     <button class="btn dropdown-toggle btn-default" type="button" uib-dropdown-toggle="">
       <span class="caret"></span>
       <span class="sr-only">default</span>
     </button>
        <ul class="dropdown-menu" role="menu">
         <li><a>Text 1</a>
         </li>
         <li>
          <a>Text 2</a>
         </li>
        </ul>
     </div>
 </td>

这是输出:

我想将此文本1发送到“文本1”点击上的文本框输入(“按钮是放大镜玻璃”)

Answer 1

你可以使用这样的东西:

将 select 和 input 绑定(bind)到同一个 ngModel:

注意:给出此处的逻辑。我没有进行 CSS 和其他与下拉相关的更改。 在 Controller 中:

点击li，文本值将显示在输入文本框中。

    angular.module('app', []).controller('dummy', function($scope) {
              $scope.call= function(event){
              $scope.valueText = angular.element(event.target).text();
              }
            });

<script src="https://code.angularjs.org/1.5.5/angular.min.js"></script>

    <div ng-app="app" ng-controller="dummy">
      <input type="text" ng-model="valueText" />
     <ul class="dropdown-menu" role="menu" ng-click="call($event)">
         <li><a>Text 1</a>
         </li>
         <li>
          <a>Text 2</a>
         </li>
        </ul>
     
     
    </div>

希望这有帮助..!