# What's the parameter list of function RootController in ui/chrome?

**URL:** https://discuss.elastic.co/t/whats-the-parameter-list-of-function-rootcontroller-in-ui-chrome/123563
**Category:** Kibana
**Created:** [March 12, 2018, 2:18pm UTC](https://discuss.elastic.co/t/whats-the-parameter-list-of-function-rootcontroller-in-ui-chrome/123563 "2018-03-12T14:18:10Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![ahrtr](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ahrtr/32/29551_2.png) [@ahrtr](https://discuss.elastic.co/u/ahrtr)
#### Post date: [March 12, 2018, 2:18pm UTC](https://discuss.elastic.co/t/whats-the-parameter-list-of-function-rootcontroller-in-ui-chrome/123563/1 "2018-03-12T14:18:11Z")

</div>

I found there are a couple of examples on ui/chrome, but I am a little confused why the RootController function has different paramter list in different examples, and how the paramters get passed to the RootController. Thanks!

Example 1: The RootController function has 3 parameters ($http, buildNum, buildSha). I don't know who passes the parameters to this RootController?

> const chrome = require('ui/chrome')  
> .setRootTemplate(require('plugins/status\_page/status\_page.html'))  
> .setRootController('ui', function ($http, buildNum, buildSha) {  
> ......  
> }

Example 2: The RootController function has no parameter at all.

> require('ui/chrome')  
> .setRootTemplate(require('./index.html'))  
> .setRootController(function () {  
> ......  
> }

---

<div class="post-metadata">

### Author: ![Brandon\_Kobel](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/brandon_kobel/32/14829_2.png) [@Brandon\_Kobel](https://discuss.elastic.co/u/Brandon_Kobel)
#### Post date: [March 12, 2018, 2:41pm UTC](https://discuss.elastic.co/t/whats-the-parameter-list-of-function-rootcontroller-in-ui-chrome/123563/2 "2018-03-12T14:41:40Z")

</div>

Hey @ahrtr, this is an AngularJS construct where you specify your list of dependencies that you wish to be injected and they're provided to you. I'd recommend familiarizing yourself with AngularJS's dependency injection [here](https://code.angularjs.org/1.6.1/docs/guide/di)

---

<div class="post-metadata">

### Author: ![ahrtr](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ahrtr/32/29551_2.png) [@ahrtr](https://discuss.elastic.co/u/ahrtr)
#### Post date: [March 13, 2018, 9:47am UTC](https://discuss.elastic.co/t/whats-the-parameter-list-of-function-rootcontroller-in-ui-chrome/123563/3 "2018-03-13T09:47:18Z")

</div>

@Brandon_Kobel  
Thanks for the info, which is exactly what I want.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [April 10, 2018, 9:47am UTC](https://discuss.elastic.co/t/whats-the-parameter-list-of-function-rootcontroller-in-ui-chrome/123563/4 "2018-04-10T09:47:21Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
