如何使默認情況下選中一個單選按鈕選項

默認情況下我應該選中一個單選按鈕選項。我試圖給ng-model和ng-init，但它不工作。如何使默認情況下選中一個單選按鈕選項

我的HTML：

<div bindonce ng-repeat="row in results.favorites" style="padding: 0px 10px; white-space: nowrap; border-bottom: 1px solid #efefef; border-top: 1px solid #eee; border-left: 1px solid #efefef;"> 
    <input type="radio" ng-click="setFavoriteDashboard(row.id)" ng-model="selectedRow" name="favRadioSel" style="opacity: 1;" class="pointer"/> 
    <span bo-text="row.title" style="margin: 10px; position: relative; top: 3px;"></span> 
</div>

我的JS：

$scope.results = { 
    favorites: [{ 
    id: "WatchList1", 
    title: "WatchList1" 
    }, { 
    id: "WatchList2", 
    title: "WatchList2" 
    }, { 
    id: "WatchList3", 
    title: "WatchList3" 
    }] 
}; 
$scope.selectedRow = "WatchList1";

演示：http://plnkr.co/edit/KA9HyQ3bHxJo2Cm9qFm3?p=preview

來源

2015-09-10 Javascript Coder

檢查工作演示：Plunker。使用ng-value="row.id"代替使用ng-value="{{row.id}}"。

請查閱文檔的ngValue：

<input 
    [ng-value="string"]> 
... 
</input>

來源

2015-09-10 10:55:02 Joy

範圍變量應在parent..rather比在礦井答案'NG-repeat'..look .. –

設置$scope.selectedRow到$scope.results.favorites[0].id和使用value，而不是ng-value。

它是如何工作：value單選按鈕被設置爲id和ng-model設置爲selectedRow，根據您的plunker。因此，如果你想使數組默認的第一個值，你只需指定selectedRow其id

See plunker

來源

2015-09-10 10:57:51

您需要使用$parent指向父範圍selectedRow變量ng-repeat並創造一個孩子範圍，&還需要使用ng-value屬性值，無插值。

標記

<input type="radio" 
ng-model="$parent.selectedRow" 
ng-value="row.id" name="favRadioSel" 
style="opacity: 1;" 
class="pointer" />

Working Plunkr

來源

2015-09-10 11:07:52

如何使默認情況下選中一個單選按鈕選項

回答

相關問題