Discussion :

[Christophe P.]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
        }

[Christophe P.]

J'ai ajouté le code suivant dans ajoutePalierCQ :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
        	$timeout(function (){
        		angular.element(document.getElementById('field_palier_' + ($scope.vm.projet.paliersCQ.length -1))).focus();
            });

Si quelqu'un voit comment faire en pur Angular (sans le getElementById), je suis preneur.