在angularjs中创建选定下拉列表
我的数据来自数据库,希望在angular中选择下拉列表 付款状态来自数据库,字段名为付款状态 对于Ex-如果付款状态为“待定”,则选择“付款待定”,否则将收到付款 这是我的密码在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
<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,很高兴帮助你。如果你觉得我的回答有用,你可以接受。