AngularJs：通过单击该文本将文本设置为文本框

Question

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

这是我的代码：

HTML：

<Button>

以下是输出：

我想将此<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> 发送到“Text 1”上的TextBox输入点击（“按钮就是放大镜玻璃”）

Answer 1

您可以使用以下内容：

将选择和输入绑定到同一ngModel：

注意：这里有逻辑。我没有做过CSS和其他与下拉列表相关的更改。 在控制器中：

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

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

希望这会有所帮助..！