điều khiển angularjs trong chỉ thị bằng cách sử dụng controllerAs không thể làm việc?

Question

Tôi đang cố gắng đưa một số dữ liệu vào phạm vi mà chỉ thị của tôi tạo ra. Đây là số jsFiddle của tôi.

đoạn mã sau hoạt động tốt

.directive('directive1', function() { 
    return: { 
     scope: true, 
     controller: function ($scope) { 
      $scope.name = 'world'; 
     } 
    } 
}) 

<div directive1> 
    <p>{{ name }}</p> 
</div> 

nhưng các mã không làm việc

.directive('directive2', function() { 
    return: { 
     scope: true, 
     controller: function() { 
      this.name = 'world'; 
     }, 
     controllerAs: 'testCtrl' 
    } 
}) 

<div directive2> 
    <p>{{ testCtrl.name }}</p> 
</div> 

Có gì không ổn trong mã của tôi? hoặc tôi đã hiểu nhầm điều gì đó về controllerAs?

Answer 1

Bộ điều khiểnNhận hỗ trợ cho chỉ thị was added in 1.2.0, vì vậy bạn sẽ phải sử dụng phiên bản mới nhất, thay vì 1.0.2 từ fiddle được liên kết. This way nó hoạt động như bạn muốn.

Answer 2

Xin đừng nhầm lẫn với bộ điều khiển chỉ thị và một bộ điều khiển bình thường! Vì vậy, yea, một directve có thể có một bộ điều khiển, điều khiển một cái gì đó. Nhưng nó không tương đương với một bộ điều khiển bình thường!

Có không thực sự là một vấn đề để đặt logic chỉ vào bộ điều khiển chỉ thị, nhưng bộ điều khiển chỉ thị trên thực tế, được sử dụng để liên lạc chỉ thị chéo. Một thể hiện điều khiển của một chỉ thị có thể được đưa vào một chỉ thị khác nằm trên cùng một phần tử (hoặc các phần tử con).

Các "điều khiển là" biểu hiện là dành cho bộ điều khiển bình thường. Vì vậy, chỉ cần làm của bạn một ưu và đặt logic của bạn vào chức năng liên kết chỉ thị.