truy cập tài sản của bộ điều khiển từ trong chế độ xem

Question

Tôi muốn làm một cái gì đó giống như thanh tiến trình, sẽ được điều khiển bởi ember. Vì vậy, trong mắt tôi, có hai và một nửa cách để đạt được điều này:

1. Có một người quan sát trong khiển, thiết lập yếu tố width khi được kích hoạt. Vấn đề: AFAIK, người ta không thể truy cập các phần tử DOM từ bên trong bộ điều khiển, ví dụ như cách bạn thực hiện nó trong chế độ xem this.$('#progress').

2. Có người quan sát ở chế độ xem , quan sát thuộc tính của bộ điều khiển. Vấn đề: Tôi không biết, làm thế nào để quan sát (và truy cập) tài sản của một bộ điều khiển.

3. (ràng buộc tài sản qua {{bindAttr}} của bộ điều khiển đến một data-progress="42" thuộc tính freaky và điều chỉnh các yếu tố width bất cứ khi nào giá trị của thuộc tính đã thay đổi)

Answer 1

Lựa chọn 2 là đặt cược tốt nhất của bạn.

Vấn đề: Tôi không biết, cách quan sát (và truy cập) thuộc tính của bộ điều khiển.

Ember sẽ đặt thuộc tính bộ điều khiển của chế độ xem khi chế độ xem được tạo, bạn có thể sử dụng thuộc tính đó để truy cập thuộc tính của bộ điều khiển.

App = Ember.Application.create(); 

App.ApplicationController = Ember.Controller.extend({ 
    percentComplete: '0' 
}); 

App.ProgressView = Ember.View.extend({ 
    percentChanged: function() { 
    percentString = (this.get('controller.percentComplete') + "%"); 
    this.$('.bar').css('width', percentString); 
    }.observes('controller.percentComplete').on('didInsertElement') 
}); 

Tôi đã đăng tải một tấm gương làm việc ở đây: http://jsbin.com/hitacomu/1/edit