请重复选择列表中的初始值
请重复选择列表中的初始值
提问于 2016-11-05 11:40:13
请帮我重复一遍。我使用ng-创建了一个值列表。如何指定我想要首先显示的列表中间的值(我想在列表中第一个显示“地球”)？我的代码：
html
<li class="list__item" ng-repeat="poster in posters">{{poster.title}}</li>主计长：
'use strict';
angular.module('oldmenTest')
.controller('FormController', ['$scope', 'postersName', function($scope, postersName) {
$scope.posters= postersName.getPosters();
}]);vars：
'use strict';
angular.module('oldmenTest')
.service('postersName', function() {
var posters = [{
title: 'Mars',
description: 'NASA\'s Mars Exploration Program seeks to understand whether Mars was, is, or can be a habitable world. Mission like Mars Pathfinder, Mars Exploration Rovers, Mars Science Laboratory and Mars Reconnaissance Orbiter, among many others, have provided important information in understanding of the habitability of Mars. This poster imagines a future day when we have achieved our vision of human exploration of Mars and takes a nostalgic look back at the great imagined milestones of Mars exploration that will someday be celebrated as “historic sites.”',
image: '/images/mars.jpg'
}, {
title: 'Earth',
description: 'There\'s no place like home. Warm, wet and with an atmosphere that\'s just right, Earth is the only place we know of with life – and lots of it. JPL\'s Earth science missions monitor our home planet and how it\'s changing so it can continue to provide a safe haven as we reach deeper into the cosmos.',
image: '/images/earth.jpg'
}
];
this.getPosters = function(){
return posters;
};
});谢谢你帮忙！
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-11-05 12:15:43
这只是解决办法，但它会起作用的..
angular.module('app', [])
.controller('Controller', function($scope) {
$scope.posters = [{
title: 'Mars',
description: 'NASA\'s Mars Exploration Program seeks to understand whether Mars was, is, or can be a habitable world. Mission like Mars Pathfinder, Mars Exploration Rovers, Mars Science Laboratory and Mars Reconnaissance Orbiter, among many others, have provided important information in understanding of the habitability of Mars. This poster imagines a future day when we have achieved our vision of human exploration of Mars and takes a nostalgic look back at the great imagined milestones of Mars exploration that will someday be celebrated as “historic sites.”',
image: '/images/mars.jpg'
}, {
title: 'Earth',
description: 'There\'s no place like home. Warm, wet and with an atmosphere that\'s just right, Earth is the only place we know of with life – and lots of it. JPL\'s Earth science missions monitor our home planet and how it\'s changing so it can continue to provide a safe haven as we reach deeper into the cosmos.',
image: '/images/earth.jpg'
}, {
title: 'Jupiter',
description: 'There\'s no place like home. Warm, wet and with an atmosphere that\'s just right, Earth is the only place we know of with life – and lots of it. JPL\'s Earth science missions monitor our home planet and how it\'s changing so it can continue to provide a safe haven as we reach deeper into the cosmos.',
image: '/images/jupiter.jpg'
}
];
})<!DOCTYPE html>
<head>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body ng-app="app">
<div ng-controller="Controller">
<li class="list__item" ng-if="poster.title=='Earth'" ng-repeat="poster in posters">{{poster.title}}</li>
<li class="list__item" ng-if="poster.title!='Earth'" ng-repeat="poster in posters">{{poster.title}}</li>
</div>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40437809
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号