Javascript-форум (https://javascript.ru/forum/)
-   Angular.js (https://javascript.ru/forum/angular/)
-   -   ng-repeat и шаблон (https://javascript.ru/forum/angular/53723-ng-repeat-i-shablon.html)

nvznvz 15.02.2015 18:37

ng-repeat и шаблон
 
Добрый день.
Есть блок, внутри ul li (тут ng-repeat)
Можно ли в случае пустых данных, вообще не показывать блок? Сейчас получается макет пустой, но без данных

Shasoft 15.02.2015 22:51

Можно с помощью ng-hide/ng-show скрывать блок полностью

ksa 16.02.2015 09:12

Цитата:

Сообщение от nvznvz
Можно ли в случае пустых данных, вообще не показывать блок?

Разумеется. :yes:
Вот небольшая иллюстрация...

<!DOCTYPE html>
<html ng-app>
<head>
<script src="http://code.angularjs.org/1.1.4/angular.min.js"></script>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
ul {
	border: 1px solid;
}
</style>
<script type='text/javascript'>
function ctrl($scope){
	$scope.items=[{name: 'Petroff'}];
};
</script>
</head>
<body ng-controller='ctrl'> 
<ul ng-hide='{{items.length==0}}'>
	<li ng-repeat='item in items'>{{item.name}}</li>
</ul>
</body>
</html>

Если сделать

$scope.items=[];

Список пропадет вместе с рамкой...


Часовой пояс GMT +3, время: 14:46.