ng-model from select is undefined

Question

ng-model from select is undefined

Demandé el 30 de Août, 2017: Quand la question a-t-elle été
366 affichage: Nombre de visites la question a
2 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

J'ai un select box en html avec des options générées par un ng-repeat.

<select ng-model="pageId" ng-change="setFacebookPage()">
    <option ng-repeat="page in pages" ng-value="page.id"> {{page.name}}</option>
</select>

Cela fonctionne. La valeur et les options sont affichées correctement. Mais je veux obtenir la valeur de pageId dans ma fonction setFacebookPage() et c'est là que ça se passe mal, parce que pageId n'est pas défini dans le contrôleur !

$scope.setFacebookPage = function(){
    console.log("setFacebookPage", $scope.pageId);
}

Mais lorsque je modifie la valeur de pageId, je peux voir sa valeur avec {{pageId}}.

J'ai essayé de donner sa valeur en tant que paramètre dans la fonction, comme par exemple setFacebookPage(pageId) mais cela me donne aussi un undefined.

Quelle en est la raison et comment puis-je résoudre ce problème ?

Demandé el 30 de Août, 2017 par NVO

Answer 1

2 Réponses

Answer 2

2voto

Nikhil Aggarwal Points 21966

Il y a de petites erreurs dans votre code.

Utilisation select élément
Les virgules entre les attributs ne sont pas autorisées

Mettez donc votre code à jour comme suit

 <select ng-model="pageId" ng-change="setFacebookPage()">
     <option ng-repeat="page in pages" ng-value="page.id"> {{page.name}}</option>
 </select>

Vous pouvez modifier aquí

Répondu el 30 de Août, 2017 par Nikhil Aggarwal (21966 Points )

Answer 3

0voto

Sajeetharan Points 108195

Je pense que vous avez besoin

 <select ng-model="pageId" ng-change="setFacebookPage()">
      <option ng-repeat="page in pages" ng-value="page.id"> {{page.name}}</option>
 </select>

au lieu de

<input type="select" ng-model="pageId", ng-change="setFacebookPage()">
    <option ng-repeat="page in pages" ng-value="page.id"> {{page.name}}</option>

DEMO

var app = angular.module('demo', []);

app.controller('myCtrl', function($scope) {
    $scope.pages = [{"id" : 1, "name" : "sachin"}, {"id" : 2, "name" : "sourav"}];
  $scope.setFacebookPage = function(){
    console.log( $scope.pageId);
}

});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

  <body ng-app="demo" ng-controller="myCtrl">
    <select ng-model="pageId" ng-change="setFacebookPage()">
      <option ng-repeat="page in pages" ng-value="page.id"> {{page.name}}</option>
    </select>
  </body>

Répondu el 30 de Août, 2017 par Sajeetharan (108195 Points )

ng-model from select is undefined

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

ng-model from select is undefined

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: