Set value properties into general view - ember.js

Question

Is possible to link data by handlebars to Ember.view ? Like Ember.Select with valueBindig.
My attempt:
{{#each models}}
<li>{{id}}</li>
{{/each}}
// -> 1,2,3 (this works fine)
{{view App.TimelineView valueBinding="models.id"}} //this doesn't work
App.TimelineView = Ember.View.extend({
tagName: 'div',
attributeBindings: ["value"],
value: null,
didInsertElement: function(){
console.log(this.value)
...
})
Console log: ---> null
but I need [1,2,3]

Answer 1

Supposing models is an array, models.id is accessing the id property of the array itself, not of each element. What you probably want is to map models to ids.
Define the following property on the controller which models is defined on:
modelIds: Ember.computed.mapBy('models', 'id')
And then use modelIds in the template instead of models.id.
Also, you should access properties this.get-style, not directly (in didInsertElement for example).

Answer 2

You are not accessing value correctly. The right way of doing that is as below. There were some more errors in there that I fixed.
App.TimelineView = Ember.View.extend({
tagName: 'div',
didInsertElement: function() {
console.log(this.get('value'));
},
)};
{{#each models}}
{{view App.TimelineView valueBinding="id"}}
{{/each}}
The context within the loop is this, which represents the current element of the iteration, so you want 'this.id' or simply 'id'.
Addition: If you want to get a list of all the ids at once as an array (as opposed to item-by-item), you can do the following:
App.MyController = Ember.ArrayController.extend({
allIds: function() {
var ids = this.get('content').getEach('id').reduce(function(accum, item) {
return accum.push(item);
}, []);
return ids;
}.property('content.#each.id');
});