angularjs根据下拉选择更改元素
angularjs根据下拉选择更改元素
提问于 2015-04-15 04:21:55
使用angularjs
我有3个选择下拉列表和一个按钮来获取json列表
焦点选择下拉列表如下所示：
<select id='sort' ng-model='sort'>
<option value='1'>ID</option>
<option value='2'>Departmentname</option>
<option value='3'>Number of employees</option>
</select>
<button ng-click="getinfo()">GET INFO</button>该表如下所示
<table>
<tr> <td>{{ depid }}</td> <td>{{ depname }}</span></td> <td>{{ depemp }}</td></tr>在控制器中，我有：
$scope.depid = "Department id";
$scope.depname = "Departmentname";
$scope.depemp = "Number of employees";
$scope.getinfo = function() {
var url = "";
...
}根据选择的“排序”，我希望排序列是粗体/strong或大写。
我该怎么做thIS？
回答 2
Stack Overflow用户
发布于 2015-04-15 04:29:54
您可以在td元素上使用ng-class：
<tr>
<td ng-class="{bold : sort == 1}">{{ depid }}</td>
<td ng-class="{bold : sort == 2}">{{ depname }}</span></td>
<td ng-class="{bold : sort == 3}">{{ depemp }}</td>
</tr>并添加CSS规则：
.bold {
font-weight: bold;
}这是一个Fiddle演示。
Stack Overflow用户
发布于 2015-04-15 14:44:20
遵循Omri Aharon，我将ng- == =“{bold: sort == 1}”改为ng-class="{bold : sortby == 1}“，并遵循Nayish，我在控制器$scope.getinfo = function() { var url = ""；
... $http.get(url) .success(function(response) { $scope.names = response; $scope.sortby = $scope.sort;}); }非常感谢你们两位！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29636708
复制相关文章
相似问题
腾讯云开发者
