Skip to content

Instantly share code, notes, and snippets.

@sivajankan

sivajankan/jsbin.eHOreHUY.html

Created January 16, 2014 21:26
Show Gist options
  • Save sivajankan/8463709 to your computer and use it in GitHub Desktop.
Save sivajankan/8463709 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
jsbin.eHOreHUY.html
<!doctype html>
<html ng-app>
<head>
<meta name="description" content="AngularShowHide" />
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
</head>
<body>
<div ng-controller="Controller">
<form name="form" class="css-form" novalidate>
Show/Hide:
<select id="iSelect" ng-model="OCCLUSION_LEFT" name="uSelect">
<option value=>Select</option>
<option value='0'>Hide0</option>
<option value='1'>Show1</option>
<option value='2'>Hide2</option>
<option value='3'>Labels only</option>
<option value='4'>Hide4</option>
<option value='5'>Inputs only</option>
<option value='6'>Name Only</option>
<option value='7'>Email Only</option>
</select>
<br />
<br />
<label ng-show="canShow('OCCLUSION_LEFT', ['1','3','6'])">Name:</label>
<input ng-show="canShow('OCCLUSION_LEFT',['1','5','6'])" type="text" ng-model="user.name" />
<br />
<label ng-show="canShow('OCCLUSION_LEFT', ['1','3','7'])">E-mail: </label>
<input ng-show="canShow('OCCLUSION_LEFT',['1','5','7'])" type="email" ng-model="user.email" />
<br />
</form>
</div>
</body>
</html>
Raw
jsbin.eHOreHUY.js
function Controller($scope) {
$scope.canShow = function(field, arr) {
return arr.lastIndexOf($scope[field]) != -1;
};
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment