Found Solution :
It has to be :
<input type="range" class="topcoat-range" id="sliderID{{device.id}}"
value="{{device.Level}}" *ng-model="device.Level"*>
Prabhat
On Saturday, 5 April 2014 17:06:16 UTC+5:30, prabhat mohanty wrote:
>
> 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.
