ember-computed-content-controller

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #llm #android #linux #cli #awesome-list #vue #mcp #ios #openai #open-source

ember-computed-content-controller

(★ 14)

A computed property for injecting a unique instance of a content controller (ObjectController, ArrayController, etc) into an Ember class instance. Useful for nested ArrayControllers, among other things.

ember-computed-content-controller Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

ember-computed-content-controller
========================

A computed property for injecting a unique instance of a content controller (`ObjectController`, `ArrayController`, etc) into an Ember class instance. Useful for nested `ArrayControllers` and cleaning up your templates.

## Usage

Ember.computed.contentController(controllerName: *String*, contentPath: *String*): *ComputedProperty*

#### ES5 (traditional)

```javascript
App.IndexController = Ember.ObjectController.extend({
  posts: Ember.computed.contentController('posts', 'blog.posts')
});

App.PostsController = Ember.ArrayController.extend({
  itemController: 'post'
});
  
App.PostController = Ember.ObjectController.extend({
  comments: Ember.computed.contentController('comments', 'content.comments')
});
  
App.CommentsController = Ember.ArrayController.extend({
  itemController: 'comment',
  anySelected: function() {
    return this.anyBy('isSelected');
  }.property('@each.isSelected')
});
  
App.CommentController = Ember.ObjectController.extend({
  isSelected: false
});
```

```handlebars
<script type="text/x-handlebars" id="index">
{{#each post in posts}}
  <div {{bind-attr class="post.comments.anySelected:highlighted"}}>
  <p>{{post.body}}</p>
  <p>{{post.comments}}</p>
  {{#each comment in post.comments}}
    <p>{{input type="checkbox" checked=comment.isSelected}} {{comment.body}}</p>
  {{/each}}
  </div>
{{/each}}
</script>
```
**By default, a unique instance will be created**. You can provide an options hash to change this behavior:

```javascript
App.PostController = Ember.ObjectController.extend({
  comments: Ember.computed.contentController('comments', 'content.comments', { singleton: true })
});
```

## Any gotchas?

Only for users who stray outside the Ember-idiomatic beaten path and manually create class instances.

Instances must have an `Ember.Container` assigned at `this.container`. Ember will handle this for you when resolving routes, controllers, views, etc but if you manually `.create()` a class, it does not come with a container, so it won't be able to resolve your dependency. You can either pass an existing container along or use the container itself to create your class instances. [Learn more](https://github.com/emberjs/website/pull/1293)

## Credit
[@mmum](https://github.com/mmun) came up with this technique in a [rejected Pull Request](https://github.com/emberjs/ember.js/pull/3424) but gave me permission to steal it.
## License
MIT Licensed

ember-computed-content-controller

ember-computed-content-controller Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

ember-computed-content-controller

ember-computed-content-controller Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README