根據數據庫中的值選擇下拉值

我是angular JS的新手。我有一個下拉框，其中帶有值的靜態選項存在。根據條件，我必須選擇與數據庫中的值匹配的默認值。如何實現？ model =「TemplateObj.IsActive」具有來自DataBase的int值0,1或2。根據數據庫中的值選擇下拉值

<label class="">STATUS</label> 
 
<select class="form-control input-sm" style="border: none" required ng-model="TemplateObj.IsActive" > 
 
<option value="2">In Development</option> 
 
<option value="1">Active</option> 
 
<option value="0">InActive</option> 
 
</select>

來源

2017-02-13 user4895544

嘗試ngOptions而不是正常的HTML select。

DEMO

var myApp = angular.module('myApp',[]); 
 

 
myApp.controller('MyCtrl',function($scope) { 
 
    
 
    $scope.status = [{ 
 
     title: 'In Development', 
 
     value: 2 
 
    }, { 
 
     title: 'Active', 
 
     value: 1 
 
    }, { 
 
     title: 'Inactive', 
 
     value: 0 
 
    }]; 
 
    
 
    $scope.TemplateObj = { 
 
    "IsActive": 1 
 
    } 
 
    
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="MyCtrl"> 
 
    <select ng-model="TemplateObj.IsActive" ng-options="option.value as option.title for option in status"></select> 
 
</div>

來源

2017-02-13 17:27:20

謝謝工程:)解決方案 – user4895544

使用ng-options指令與狀態的陣列。語法可能看起來有點複雜初學者，但你總有一天會了解它：value as title for element in array

JS：

$scope.statuses = [{ 
    title: 'In Development', 
    value: 2 
}, { 
    title: 'Active', 
    value: 1 
}, { 
    title: 'Inactive', 
    value: 0 
}];

HTML：

<select ng-model="TemplateObj.IsActive" ng-options="status.value as status.title for status in statuses"></select>

這裏是jsfiddle與工作示例。

來源

2017-02-13 14:25:22 TheSameSon

感謝您 – user4895544

一個選項是使用ng-options指令。

該文檔是here，有很多例子可以從中引導。

來源

2017-02-13 14:26:48 flashjpr

根據數據庫中的值選擇下拉值

回答

相關問題