1

我需要使用angularjs在選擇框中突出顯示第一個值'fullName'。 我正在使用angularstrap選擇框。angularjs在選擇框中選擇第一個值

控制器,

$scope.accountInfo.owners = [ 
    { 
     "accounts":null, 
     "phoneumber":null, 
     "email":null, 
     "fullName":"MITA DASGUPTA", 
     "mobilePhoneNumber":null, 
     "noteFlag":false, 
     "number":130000000484 
    } 
] 

模板,

<button type="button" class="btn btn-default" placeholder="Pleasae select" 
    data-ng-model="owner.fullName" 
    data-html="1" 
    bs-options="owner as owner.fullName for owner in accountInfo.owners" 
    bs-select> 
    Action <span class="caret"></span> 
</button> 

我試過這種方式,但該值默認情況下不選擇。

+0

我卡在中間,任何機構都可以儘快幫忙。 – vishnu

回答

1

你應該有你已經在使用ng-optionsownerselectedOwner

<button type="button" class="btn btn-default" placeholder="Pleasae select" 
    data-ng-model="selectedOwner" 
    data-html="1" 
    bs-options="owner as owner.fullName for owner in accountInfo.owners" 
    bs-select> 
    Action <span class="caret"></span> 
</button> 

然後,你需要從控制器設置的ng-model值一些不同的NG-型號名稱。

$scope.selectedOwner = $scope.accountInfo.owners[0]; 
+0

非常感謝。它工作正常。從早上起,我掙扎了很多 – vishnu

+0

@vishnu很高興幫助你..謝謝:) –

0

您忘記初始化捕獲選定值的模型。通常您可以通過ng-init來實現,但也可以使用陣列的第一個元素在控制器中初始化模型。 (和適當的領域)。

+0

我正在使用角度帶選擇框 – vishnu

+0

我看到了。在文檔中,他們在控制器中初始化一個初始值。即$ scope.selectedIcons =「[」Globe「,」Heart「]」; – skubski

相關問題