Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在angularjs中创建选定下拉列表_Angularjs - Fatal编程技术网

在angularjs中创建选定下拉列表

在angularjs中创建选定下拉列表,angularjs,Angularjs,我的数据来自数据库,希望在angular中选择下拉列表 付款状态来自数据库,字段名为付款状态 对于Ex-如果付款状态为“待定”,则选择“付款待定”,否则将收到付款 这是我的密码 <div ng-repeat="product in data" class="order-received animated fadein delay-1"> <div class="order-header"> <img class="avatar rectangle" src="i

我的数据来自数据库,希望在angular中选择下拉列表

付款状态来自数据库,字段名为付款状态 对于Ex-如果付款状态为“待定”,则选择“付款待定”,否则将收到付款

这是我的密码

<div ng-repeat="product in data" class="order-received animated fadein delay-1">
<div class="order-header">
  <img class="avatar rectangle" src="img/user4.jpg" alt="">
  <div class="order-author">
    <span style="color:#cc0066;">{{product.GLname}} - {{product.mobno}}</span>
    <span class="small">Item - {{product.item_name}} ({{product.item_code}})</span>
    <span class="small">Qty - {{product.pqty}} Amt - Rs. {{product.rate}}</span>
    <select class="browser-default" style="margin-bottom:8px;" ng-model="paymentOption">
      <option value="RECEIVED">Payment Received</option>
      <option value="PENDING">Payment Pending</option>
    </select>
    <select class="browser-default" ng-model="orderOption">
      <option value="NEW">New Order</option>
      <option value="PROCESS">In Progress</option>
      <option value="SENT">Sent</option>
      <option value="DELIVERED">Delivered</option>
      <option value="CANCELLED">Cancelled</option>
    </select>               
  </div>
</div>            

{{product.GLname}}-{{product.mobno}
项目-{{product.Item_name}}({{product.Item_code}})
数量{product.pqty}金额{{product.rate}
收到的款项
待付款
新秩序
进行中
发送
交付
取消

请帮忙

您应该将“paymentOption”设置为控制器中选择项中的一个值。

您只需在控制器中定义
paymentOption
值:

就像在控制器中一样

$scope.paymentOption = success.payment_status // value fetch from database

您必须更改
model
值才能在选择框中显示某些内容

既然您说您有字段
付款状态
,您可以使用

ng model=“product.payment\u status”

这是html

<div ng-repeat="product in data" class="order-received animated fadein delay-1">
<div class="order-header">
  <img class="avatar rectangle" src="img/user4.jpg" alt="">
  <div class="order-author">
    <span style="color:#cc0066;">{{product.GLname}} - {{product.mobno}}</span>
    <span class="small">Item - {{product.item_name}} ({{product.item_code}})</span>
    <span class="small">Qty - {{product.pqty}} Amt - Rs. {{product.rate}}</span>
    <select class="browser-default" style="margin-bottom:8px;" ng-model="product.payment_status">
      <option value="RECEIVED">Payment Received</option>
      <option value="PENDING">Payment Pending</option>
    </select>
    <select class="browser-default" ng-model="orderOption">
      <option value="NEW">New Order</option>
      <option value="PROCESS">In Progress</option>
      <option value="SENT">Sent</option>
      <option value="DELIVERED">Delivered</option>
      <option value="CANCELLED">Cancelled</option>
    </select>               
  </div>
</div>    

{{product.GLname}}-{{product.mobno}
项目-{{product.Item_name}}({{product.Item_code}})
数量{product.pqty}金额{{product.rate}
收到的款项
待付款
新秩序
进行中
发送
交付
取消

在Angular中选择“使下拉菜单”是什么意思?您想在
select
元素中选择默认选项吗?您选择默认选项的规则是什么?@Arvind,请检查我的answer@ArvindJaiswal,很高兴帮助你。如果你觉得我的回答有用,你可以接受。