Angular: testing ng-repeat 1.2.23
http://angularjs.org/
HTML
<script src="https://code.angularjs.org/1.2.23/angular.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
<div ng-controller="MyCtrl">
<div ng-repeat="param in filterParamDisplay">
<input type="text" ng-model="searchParameters[param.param]" placeholder="{{param.displayName}}"/>
<i class="fa fa-times" style="width: 10px; height: 10px; background-color: black; display:block" ng-click="resetSearchField(param.param)" ng-show="showParam(param.param)"></i>
</div>
</div>
JavaScript
var myApp = angular.module('myApp',[]);
//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});
function MyCtrl($scope) {
$scope.searchParameters = {userName: '', userEmail: ''};
$scope.filterParamDisplay = [
{param: 'userName', displayName: 'User Name', val: ''},
{param: 'userEmail', displayName: 'User Email', val: ''}
];
$scope.resetSearchField = function(param) {
$scope.searchParameters[param] = '';
};
$scope.showParam = function(param){
return $scope.searchParameters[param] != '';
};
}