Mettre le focus dans un input ajouté dynamiquement

Bonjour,

mon application permet d'ajouter des input dynamiquement en cliquant sur un bouton "+" (fonction ajoutePalierCQ). Je n'arrive pas à mettre le focus sur le dernier input créé (je débute en angular).

HTML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div ng-repeat="palierCQ in vm.projet.paliersCQ track by $index">
	<div class="form-inline">
		<input type="text" class="form-control"
			ng-model="palierCQ.palier" name="palier_{{$index}}" 
			ng-pattern="/^\S{7}$/"
			required style="text-transform: uppercase;"></input>
 
			<button class="btn btn-danger" type="button"
				ng-click="supprimePalierCQ($index)">
				<span class="glyphicon glyphicon-minus"></span>
			</button>
	</div>
</div>
<button class="btn btn-block btn-success" type="button"
	ng-click="ajoutePalierCQ()">
	<span class="glyphicon glyphicon-plus"></span>
</button>

controler.js

Code:

1
2
3
4
5
6
7
8
9
        $scope.ajoutePalierCQ = function () {
        	if($scope.vm.projet.paliersCQ==null){
        		$scope.vm.projet.paliersCQ = [];
        	}
        	$scope.vm.projet.paliersCQ.push({});
        }
        $scope.supprimePalierCQ = function(index) {
        	$scope.vm.projet.paliersCQ.splice(index,1);
        }