Hi,
Here's the basic code :
===============
<!DOCTYPE html>
<html lang="" ng-app>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="topcoat-desktop-dark.css">
<script type="text/javascript" src="angular.js"></script>
<style type="text/css">
body{
background-color: white;
}
.deviceLight {
display:block;
width:25px;
height:25px;
line-height:50px;
border: 2px solid #f5f5f5;
border-radius: 50%;
color:#f5f5f5;
text-align:center;
text-decoration:none;
background: red;
box-shadow: 0 0 3px gray;
font-size:20px;
font-weight:bold;
}
.deviceLight:hover {
background: yellow;
}
.slider .bar {
width: 388px;
height: 5px;
background: #333;
position: relative;
top: -4px;
left: 4px;
}
ul {
width:260px; height:225px;
display: inline-block;
margin: 1em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow:inset 20px 20px 10px 10px #DEDEDE;
box-shadow:inset 0px 0px 10px 10px #DEDEDE;
}
li{
list-style: none;
margin-top: 12px;
}
#searchBox {
float:left;
}
#ledDisplayBox{
float:right;
}
</style>
</head>
<body ng-init= "deviceSet = [
{id:1001,Level:100},
{id:1002,Level:20 },
{id:1003,Level:10},
{id:1004,Level:0},
{id:1005,Level:40},
{id:1006,Level:90},
{id:1007,Level:30},
{id:1008,Level:15},
{id:1009,Level:65},
{id:1010,Level:35},
{id:1011,Level:5},
{id:1012,Level:75}
]">
<div id="container">
<div id="DisplayBox" >
<script type="text/javascript">
</script>
<ul ng-repeat = "device in deviceSet ">
<li>
Id :{{device.id}}
</li>
<li>
level : {{device.Level}}
</li>
<li>
<input type="range" class="topcoat-range"
id="sliderID{{device.id}}" value="{{device.Level}}">
</li>
<li>
<input type="text" id="sliderValue{{device.id}}" >
<p> The above field to be updated with the help of the
slider</p>
</li>
</ul>
</div>
</div>
</body>
</html>
================
On Saturday, 5 April 2014 16:16:17 UTC+5:30, Sander Elias wrote:
>
> Hi Prabhat,
>
> It is very difficult to help you with a coding question when you ar not
> showing any code! You seldom really need dynamic naming in ngModel!
> It might be that you need to nest your form tough. But all that is
> guesswork.
>
> If you build a plunk demonstrating your issue, there is surely someone
> around here that can help you!
>
> Regards
> Sander
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
