Phạm vi chỉ thị tùy chỉnh vs attrs

Question

Tôi có một mối quan ngại khi tạo một chỉ thị tùy chỉnh ở góc cạnh. Khi tôi đang sử dụng một hàm liên kết, tôi không chắc chắn sự khác biệt thực sự khi truy cập các thuộc tính với attrs hoặc scope. Đi đoạn mã này ví dụ:

myApp.directive('someDirective', function() { 
    return { 
     restrict: 'E', 
     replace: true, 
     scope: { 
      title: '=title' 
     }, 
     template: '<img/>', 
     link: function(scope, element, attrs) { 
      if (scope.title) { 
       // do something here 
      } 
      if (attrs.title){ 
       // do something here 
      } 
     }, 
    } 

Từ quan sát của tôi truy cập vào 'danh hiệu' thuộc tính từ attrs và phạm vi có tác dụng tương tự. Sự khác biệt thực sự là gì?

Answer 1

Sự khác biệt là thuộc tính là một loại Chuỗi theo định nghĩa. Luôn luôn. Trong trường hợp của bạn, attrs.title sẽ có nghĩa đen là chuỗi bằng bất kỳ thứ gì bạn chuyển vào thuộc tính trong HTML.

Tuy nhiên, scope.title được phân tích cú pháp và đánh giá kết quả của thuộc tính attr.title.

Ví dụ: Nếu bạn sử dụng một cái gì đó như thế này trong HTML

<some-directive title="name"></some-directive> 

nơi $scope.name = "Thomas Mann" được xác định trong phạm vi, sau đó attr.title sẽ là chuỗi "name", trong khi scope.title sẽ "Thomas Mann".