使用Angular JS时在输入文本中显示文本

时间:2014-09-11 17:58:16

标签: angularjs angular-ui angular-ui-bootstrap

以下是我的代码。下拉列表中的选定文本显示在输入文本旁边。

如何在输入文本中显示内容。这是因为" holdOrder.CenterName"在输入文本旁边

 <input type="text" class="btn btn-primary dropdown-toggle" ng-disabled="disabled" style="margin-top: 5px;" />
   {{holdOrder.CenterName}}
   <ul class="dropdown-menu" role="menu">
      <li ng-repeat="svCenter in holdOrder.Centers">
       <a href="" ng-click="setSelectedSC(svCenter)">{{svCenter.Fullname}}</a>
      </li>
   </ul>

1 个答案:

答案 0 :(得分:2)

您可以使用input

holdOrder.CenterName字段与ng-model绑定
 <input type="text" ng-model="holdOrder.CenterName" class="btn btn-primary dropdown-toggle"  ng-disabled="disabled" style="margin-top: 5px;" />
       <ul class="dropdown-menu" role="menu">
          <li ng-repeat="svCenter in holdOrder.Centers">
           <a href="" ng-click="setSelectedSC(svCenter)">{{svCenter.Fullname}}</a>
          </li>
       </ul>