你能在创建时将参数传递给AngularJS控制器吗？

javascript angularjs

2022-08-30 00:14:43

我有一个控制器负责与API通信，以更新用户，姓名，电子邮件等的属性。每个用户都有一个在查看配置文件页时从服务器传递的。'id'

我想将此值传递给AngularJS控制器，以便它知道当前用户的API入口点是什么。我尝试在中传递值。例如：ng-controller

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

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

和 HTML 中

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

其中打印从服务器发送的 ID。但我遇到错误。{% id %}

在创建值时将值传递到控制器的正确方法是什么？

答案 1

笔记：

这个答案已经很老了。这只是关于如何实现预期结果的概念证明。但是，根据下面的一些评论，它可能不是最佳解决方案。我没有任何文档来支持或拒绝以下方法。有关此主题的进一步讨论，请参阅下面的一些评论。

原始答案：

我回答了这个问题是的，你绝对可以使用一个简单的init函数来做到这一点。ng-init

这是它在plunker上的例子

断续器

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


});

答案 2

我来得很晚，我不知道这是否是一个好主意，但是您可以将可注入包含在控制器函数中，从而允许使用元素上提供的“参数”初始化控制器，例如$attrs

app.controller('modelController', function($scope, $attrs) {
    if (!$attrs.model) throw new Error("No model for modelController");

    // Initialize $scope using the value of the model attribute, e.g.,
    $scope.url = "http://example.com/fetch?model="+$attrs.model;
})

<div ng-controller="modelController" model="foobar">
  <a href="{{url}}">Click here</a>
</div>

同样，不知道这是否是一个好主意，但它似乎有效，是另一种选择。