<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script src="http://code.angularjs.org/1.1.5/angular.js"></script>
<script src="script.js"></script>
</head>
<body ng-controller="MyCtrl">
Step Number: <input type="text" ng-model="stepNumber">
<h1>With ngIf:</h1>
<div ng-if="stepNumberWithin(['1', '2', '3'], stepNumber)">One, Two, Three</div>
<div ng-if="stepNumberWithin(['4'], stepNumber)">Four</div>
<div ng-if="stepNumberWithin(['5', '10'], stepNumber)">Five, Ten</div>
</body>
</html>
var myApp = angular.module('myApp', [])
myApp.controller('MyCtrl', function($scope) {
$scope.stepNumberWithin = function(arr, number){
console.log(arr, number);
return arr.indexOf(number) !== -1;
}
});
{"label": "Resource A"}
{"label": "Resource B"}