Pouvez-vous passer des paramètres à un contrôleur AngularJS lors de la création?

Question

Pouvez-vous passer des paramètres à un contrôleur AngularJS lors de la création?

Demandé el 25 de Janvier, 2013: Quand la question a-t-elle été
61942 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

J'ai un contrôleur responsable de la communication avec une API pour mettre à jour les propriétés d'un utilisateur, nom, prénom, email, etc. Chaque utilisateur a un 'id' qui est passé à partir du serveur lors de la page de profil est affiché.

Je voudrais faire passer cette valeur à la AngularJS contrôleur de sorte qu'il sait ce que l'API d'un point d'entrée pour l'utilisateur actuel. J'ai essayé en passant la valeur en ng-controller. Par exemple:

function UserCtrl(id, $scope, $filter) {

$scope.connection = $resource('api.com/user/' + id)

et dans le HTML

<body ng-controller="UserCtrl({% id %})">

où {% id %} imprimer l'id envoyé par le serveur. mais j'ai des erreurs.

Quelle est la bonne manière de passer une valeur dans un contrôleur sur sa création?

Demandé el 25 de Janvier, 2013 par nickponline

Answer 1

5 Réponses

Answer 2

366voto

Jigar Patel Points 2287

Notes:

Cette réponse est vieux. C'est juste une preuve de concept sur la façon dont il le résultat souhaité peut être obtenu. Cependant, il peut ne pas être la meilleure solution en fonction de certains commentaires ci-dessous. Je n'ai pas de document pour soutenir ou rejeter l'approche suivante. Veuillez vous référer à certains des commentaires ci-dessous pour plus de discussion sur ce sujet.

Réponse Originale À Cette Question:

J'ai répondu présent à Oui, vous ne pouvez absolument le faire en utilisant l' ng-init , et une simple fonction init.

Voici l'exemple de celui-ci sur plunker

HTML

<!DOCTYPE html>
<html ng-app="angularjs-starter">
  <head lang="en">
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
    <script src="app.js"></script>
  </head>  
  <body ng-controller="MainCtrl" ng-init="init('James Bond','007')">
    <h1>I am  {{name}} {{id}}</h1>
  </body>
</html>

JavaScript

var app = angular.module('angularjs-starter', []);

app.controller('MainCtrl', function($scope) {

  $scope.init = function(name, id)
  {
    //This function is sort of private constructor for controller
    $scope.id = id;
    $scope.name = name; 
    //Based on passed argument you can make a call to resource
    //and initialize more objects
    //$resource.getMeBond(007)
  };


});

Répondu el 25 de Janvier, 2013 par Jigar Patel (2287 Points )

Answer 3

147voto

Michael Tiller Points 3615

Je suis très en retard pour cela et je n’ai aucune idée si c’est une bonne idée, mais vous pouvez inclure le `` injectable dans la fonction de contrôleur, ce qui permet au contrôleur d’être initialisée à l’aide de « arguments » fournis sur un élément, par exemple

Encore une fois, aucune idée si ce n’est une bonne idée, mais il semble fonctionner et est une autre alternative.

Répondu el 12 de Mai, 2014 par Michael Tiller (3615 Points )

Answer 4

39voto

Jonghee Park Points 161

Cela fonctionne aussi.

JavaScript :

HTML :

Répondu el 15 de Mars, 2014 par Jonghee Park (161 Points )

Answer 5

15voto

desgnl Points 941

Comme @akonsu et Nigel Findlater suggèrent, vous pouvez lire l’url où url est avec et l’utiliser à l’intérieur du contrôleur.

votre application :

le service de ressources

le contrôleur

Ensuite, est accessible dans la vue selon la .

Répondu el 13 de Février, 2014 par desgnl (941 Points )

Answer 6

8voto

goliney Points 2015

Si n’est pas pour passer des objets dans , vous pouvez toujours écrire votre propre directive. Alors, voici ce que j’ai obtenu :

http://jsfiddle.net/goliney/89bLj/

JavaSript :

HTML :

Mais mon approche ne peut modifier les objets, qui sont déjà définies au contrôleur.

Répondu el 25 de Novembre, 2013 par goliney (2015 Points )

Pouvez-vous passer des paramètres à un contrôleur AngularJS lors de la création?

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Pouvez-vous passer des paramètres à un contrôleur AngularJS lors de la création?

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: