Javascript AngularJs:通过单击文本将文本设置为文本框

Javascript AngularJs:通过单击文本将文本设置为文本框,javascript,jquery,angularjs,html,Javascript,Jquery,Angularjs,Html,我想在单击“文本1”时向文本框发送文本 这是我的密码: HTML: 您可以使用以下内容: 将选择和输入绑定到同一个ngModel: 注意:这里给出了逻辑。CSS和其他与下拉列表相关的更改我没有做。 在控制器中: 单击li,文本值将显示在输入文本框中 angular.module('app',[]).controller('dummy',function($scope){ $scope.call=函数(事件){ $scope.valueText=angular.element(event.ta

我想在单击“文本1”时向文本框发送文本

这是我的密码:

HTML:



您可以使用以下内容:

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

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

单击
li
,文本值将显示在输入文本框中

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

  • 文本1
  • 文本2

javascript允许您使用
.value=“Text 1”
设置输入值。但是,如果您使用的是角度控制输入,您应该能够通过设置
bom\u item.part=“Text 1”
将要设置的值传递给将其设置为输入值的函数,从而在控制器内设置其值。你应该能够绑定下拉列表中任何列表项的点击事件i m new to angular js你能给我一个例子吗?这将是一个很好的帮助看看下面的例子,它应该能够为你指出绑定函数和设置值的方向:)我不使用时看看我的代码dropdown@UrvashiBhatt,我在这里给出了逻辑。Css我没有在这里添加它。查看更新的代码。@UrvashiBhatt,很高兴知道。这里出现了一个问题,实际上我在我的电脑上使用了ng repeat,所以这个事件对我的所有电脑都有影响textboxes@UrvashiBhatt,更改文本框的ng模型。它应该是独一无二的。如果ng模型相同。它可能也会影响其他文本框。
<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>