角JS选择NG选项，而不是NG重复

我在那里我用NG-重复生成选项的选择框，但我想，用NG选项角JS选择NG选项，而不是NG重复

<select ng-change="onChangeShippingMethod(shippingMethodId)" ng-model="shippingMethodId" class="input-full-w normal_dropDown" name="gjh" id="select_shipping_method" > 
    <option ng-repeat="shippingDetail in shipModeArr" value="{{shippingDetail.shipModeId}}" ng-selected="shippingDetail.shipModeId == selectedAddressPerItem[cartItems[0].cartItemId].shipModeId"> 
     {{shippingDetail.description}}&nbsp;Arrives {{shippingDetail.estArrivalDate | changeDateFormat | date:'mediumDate'}}{{shippingDetail.shipCharge | currency}} 
    </option> 
</select>

中产生，我想一个应根据某些条件选择特定选项。

，并使用NG-重复一个空的选项与其他选项来

请fiddle

来源

2014-09-04 sameer

那么，你有什么尝试吗？什么地方出了错？ – Yoshi 2014-09-04 07:45:05

@yoshi如果我用ng重复一个空选项来与其他选项 – sameer 2014-09-04 08:04:28

@yoshi和选项文本我附加了很多值我怎么能用ng选项 – sameer 2014-09-04 08:08:02

这就是我想到的。下次你真的应该为你提供一些数据。

为纳克选项有趣的部分是列表解析般的风格在

ng-options="sD.shipModeId as sD.description for sD in shipModeArr"

编辑：

ng-options="sD.shipModeId as format(sD) for sD in shipModeArr"

在控制器：

$scope.format = function(sd){ 
    return sd.description 
    + ' Arrives ' 
    + sd.estArrivalDate + ' ' 
    + $filter('currency')(sd.shipCharge); 
};

您可以自行定义函数让你的对象格式很好。我编辑了这个笨蛋，告诉你在哪里放置这些作品。如果你展开$ scope.format函数来返回你的格式，这应该工作。

如果你不想要一个空的选择，你将不得不选择一个初始值。

EDIT2：

我更新了fiddle。

plnkr

来源

2014-09-04 07:43:42

我要'{{shippingDetail.description}} 抵达{{shippingDetail.estArrivalDate | changeDateFormat |日期：'mediumDate'}} {{shippingDetail.shipCharge |货币}}'在选项文本中不仅描述 – sameer 2014-09-04 08:14:46

非常感谢@Christoph Hegemann – sameer 2014-09-04 09:04:15

检查这将是巨大的，如果你提供了一些数据，那么有人会开发捣鼓它吧我只是可以给你语法试试这个适用于你的代码。

<select class="form-control" ng-model="searchState" ng-options="st.state for st in stateList | filter:searchCountry | orderBy:'state'"> 
<option value="">Select State</option>

在这里我有在ng选项的jsfiddle示例演示。 fiddle对于特定的条件来满足请在下面的问题中提及那些或使用过滤器，因为我在上面的代码中显示。请以更详细的格式列出您的问题。包括数据，app.js代码和一些html。祝你好运。

来源

2014-09-04 07:37:48 Sudarshan

角JS选择NG选项，而不是NG重复

回答

相关问题