Updated markers-update example. The icons are now updating correctly:

#258
tombatossals · Jan 28, 2014 · fb0ebcf · fb0ebcf
1 parent 03ca445
commit fb0ebcf
Showing 1 changed file with 29 additions and 2 deletions.
diff --git a/examples/markers-update-example.html b/examples/markers-update-example.html
@@ -39,7 +39,7 @@
                 },
                 iconC: {
                     type: 'awesomeMarker',
-                    icon: 'cofee',
+                    icon: 'tag',
                     markerColor: 'red'
                 }
             });
@@ -109,7 +109,34 @@ <h3>Icon</h3>
                             <input type="radio" ng-model="markers.m1.icon" ng-value="iconB" class="btn btn-default">Leaflet Icon</button>
                         </label>
                         <label class="btn btn-primary" ng-class="{ active: markers.m1.icon == iconC }">
-                            <input type="radio" ng-model="markers.m1.icon" ng-value="iconC" class="btn btn-default">AwesomeMarker Icon Red</button>
+                            <input type="radio" ng-model="markers.m1.icon" ng-value="iconC" class="btn btn-default">AwesomeMarker Icon</button>
+                        </label>
+                    </div>
+                    <h3 ng-disabled="markers.m1.icon == iconC">AwesomeIcon color</h3>
+                    <div class="btn-group" data-toggle="buttons" ng-disabled="markers.m1.icon != iconC">
+                        <label class="btn btn-primary" ng-class="{ active: iconC.color == 'red' }">
+                            <input type="radio" ng-click="iconC.markerColor" ng-value="'red'" class="btn btn-default">Red</button>
+                        </label>
+                        <label class="btn btn-primary" ng-class="{ active: iconC.color == 'blue' }">
+                            <input type="radio" ng-model="iconC.markerColor" ng-value="'blue'" class="btn btn-default">Blue</button>
+                        </label>
+                        <label class="btn btn-primary" ng-class="{ active: iconC.color == 'green' }">
+                            <input type="radio" ng-model="iconC.markerColor" ng-value="'green'" class="btn btn-default">Green</button>
+                        </label>
+                    </div>
+                    <h3 ng-show="markers.m1.icon == iconC">AwesomeIcon icon</h3>
+                    <div class="btn-group" data-toggle="buttons" ng-show="markers.m1.icon == iconC">
+                        <label class="btn btn-primary" ng-class="{ active: iconC.icon == 'tag' }">
+                            <input type="radio" ng-click="iconC.icon" ng-value="'tag'" class="btn btn-default">Tag</button>
+                        </label>
+                        <label class="btn btn-primary" ng-class="{ active: iconC.icon == 'usd' }">
+                            <input type="radio" ng-model="iconC.icon" ng-value="'usd'" class="btn btn-default">USD</button>
+                        </label>
+                        <label class="btn btn-primary" ng-class="{ active: iconC.color == 'heart' }">
+                            <input type="radio" ng-model="iconC.icon" ng-value="'heart'" class="btn btn-default">Heart</button>
+                        </label>
+                        <label class="btn btn-primary" ng-class="{ active: iconC.color == 'home' }">
+                            <input type="radio" ng-model="iconC.icon" ng-value="'home'" class="btn btn-default">Home</button>
                         </label>
                     </div>
                 </form>