Я реализую подборщик цветовых кодов в угловых js. Пробовал отображать подборщик цветов в одной строке, но он не отображается в одной строке, а не отображается в следующих строках.Цветовые коды, не выровненные в одной строке
Может кто-нибудь помочь мне, чтобы показать код цвета в той же строке? (не хотите использовать тег html-table).
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script data-require="[email protected]" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js" data-semver="1.0.8"></script>
<script src="script.js"></script>
</head>
<body ng-controller="myctrl">
<h1>Hello Plunker!</h1>
<div class="tdata" ng-repeat="color in colors"
ng-class="{'selected':$index == selectedRow}"
ng-click="setClickedRow($index)"
style="background-color:{{color}};">
</div>
</body>
</html>
Thats работал. Спасибо, венкат. Я также хочу некоторое пространство между цветовыми кодами. – RCM
Добавить дополнение к стилю внутреннего div – Venkat