ng-如果要显示默认值
ng-如果要显示默认值
提问于 2016-06-21 18:47:54
我有这样的数据结构：
$scope.classes = [
{Dept:'Science', Class:'101'},
{Dept:'Science', Class:'102'},
{Dept:'Science', Class:'103'},
{Dept:'Arts', Class:'111'},
{Dept:'Arts', Class:'112'},
{Dept:'Arts', Class:'113'}];
$scope.professors = [
{Dept:'Science', Class:null, Name:'John Smith'},
{Dept:'Science', Class:'101', Name:'Eric Doe'},
{Dept:'Arts', Class:null, Name:'Mary Smith'},
{Dept:'Arts', Class:'111', Name:'Frank Moore'}
]当部门和班级都匹配时，我想告诉教授的名字。如果没有，请显示该部门的教授姓名(与Class=null一起)。
但是，我的结果如下：
Dept:Science Dept:Science Dept:Science Dept:Arts Dept:Arts Dept:Arts
Class:101 Class:102 Class:103 Class:111 Class:112 Class:113
John Smith John Smith John Smith Mary Smith Mary Smith Mary Smith
Eric Doe Frank Moore我如何使结果看起来像：
Dept:Science Dept:Science Dept:Science Dept:Arts Dept:Arts Dept:Arts
Class:101 Class:102 Class:103 Class:111 Class:112 Class:113
Eric Doe John Smith John Smith Frank Moore Mary Smith Mary Smith 这是我的小提琴
回答 1
Stack Overflow用户
发布于 2016-06-22 01:21:01
归功于@water42为可能的解决方案提供了想法。
我试过了，效果很好。
function TodoCtrl($scope) {
$scope.classes = [
{Dept:'Science', Class:'101'},
{Dept:'Science', Class:'102'},
{Dept:'Science', Class:'103'},
{Dept:'Arts', Class:'111'},
{Dept:'Arts', Class:'112'},
{Dept:'Arts', Class:'113'}];
$scope.professors = [
{Dept:'Science', Class:null, Name:'John Smith'},
{Dept:'Science', Class:'101', Name:'Eric Doe'},
{Dept:'Arts', Class:null, Name:'Mary Smith'},
{Dept:'Arts', Class:'111', Name:'Frank Moore'}
];
$scope.classes = $scope.classes.map(function(roomClass) {
var professor_count = $scope.professors.filter(function(professor) {
return professor.Class === roomClass.Class;
});
roomClass.hasProfessor = professor_count.length > 0;
return roomClass;
});
console.log($scope.classes);
}<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
<div ng-app>
<div ng-controller="TodoCtrl">
<table>
<tr>
<th width="10%" ng-repeat="class in classes track by $index">
Dept:{{class.Dept}} <br/>
Class:{{class.Class}}
</th>
</tr>
<tr>
<td width="10%" ng-repeat="class in classes track by $index">
<div ng-repeat="prof in professors" ng-if="prof.Dept === class.Dept">
<div ng-if="class.hasProfessor && prof.Class === class.Class">
{{prof.Name}}
</div>
<div ng-if="!class.hasProfessor && prof.Class === null">
{{prof.Name}}
</div>
</div>
</td>
</tr>
</table>
</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37952316
复制相关文章
相似问题
腾讯云开发者
