Tag Archives: Dropdown

Arrays

Find Element in Array: {{ array[2] }} OR ng-bind=”array[2]” List Array Elements: ng-repeat=”x in array” / example2 List an Array of Objects:  ng-repeat=”x in array {{ x.key1 + ‘, ‘ + x.key2 }}  ng-repeat=”x in array” {{x}} ng-repeat=”x in array” ng-repeat=”(x, y) in myObj” https://jsfiddle.net/aicccia/smez33q6/ List an … Continue reading

Posted in AngularJS | Tagged , , , , , , , , , , , , , , , ,

Object

Display Object: {{ object.key }} OR ng-bind=”object.key” Display Multiple Keys: https://jsfiddle.net/aicccia/a433oore/ Display Multiple Objects: https://jsfiddle.net/aicccia/0ytp0kvy/ Show/Hide Objects: https://jsfiddle.net/aicccia/a0ajfx9j/ Show Content of Active Menu: https://jsfiddle.net/aicccia/d28vhmkr/ Display Image on Object: https://jsfiddle.net/aicccia/bchbeodn/ Display All Images on Object: https://jsfiddle.net/aicccia/ttn70mug/ Display Non-empty  Image on Object: https://jsfiddle.net/aicccia/wvrhtdto/ Add New Object: ng-submit Show Object Image: ng-src Get $scope objects: console.log(angular.toJson($scope.objectName)); … Continue reading

Posted in AngularJS | Tagged , , , , , , , , , , , , ,

Navigation Menu

CSS & JavaScript Navigation Bar: http://navnav.co/ CSS Dropdown: Dropdown Item / Horizontal Dropdown / Animated Dropdown / Horizontal Dropdown / CSS-only Dropdown Branching Menu: code Horizontal Bar Menu: https://jsfiddle.net/aicccia/v3ocyqt6/ Horizontal Bar Menu with Divider: https://jsfiddle.net/aicccia/a8jq7z8f/     Horizontal Tab Menu 1: https://jsfiddle.net/aicccia/mo7ujLm7/ Horizontal Tab Menu 2: https://jsfiddle.net/aicccia/s4m9157y/ Flexbox Horizontal Menu Buttons: https://jsfiddle.net/aicccia/xjjfedqc/ Horizontal Bar Menu / … Continue reading

Posted in HTML/CSS | Tagged , , , , , , , , , , , , , , , , ,