AngularJS Chỉ thị tài sản: Thay thế không được dùng nữa - Tương đương?

Question

Vì vậy, AngularJs không chấp nhận thuộc tính Replace của chỉ thị. reference

bối cảnh:

.directive('myDir', function($compile) { 
    return { 
     restrict: 'E', 
     template: '<div>{{title}}</div>' 
    } 
    }); 

này sẽ ouput:

<my-dir> 
    <div> some title </div> 
</my-dir> 

Vì vậy, Replace sẽ thay thế <my-dir></my-dir> với template. Tương đương những ngày này là gì? Hoặc là nó chỉ sử dụng một chỉ thị với restrict: 'A'.

Tôi tạo ra này:

.directive('myDir', function($compile) { 
    return { 
     restrict: 'E', 
     template: '<div>{{title}}</div>', 
     link: link 
    }; 

    function link(scope, iElem, IAttr, ctrl, transcludeFn) { 
     var parent = iElem.parent(); 
     var contents = iElem.html(); 

     iElem.remove(); 

     parent.append($compile(contents)(scope)); 
    } 
    }); 

mà sẽ đầu ra:

<div> some title </div> 

Answer 1

Documents dường như đang lỗi thời - replace cho chỉ thị không được gỡ bỏ.

Source

Answer 2

cơ bản tương đương với replace: true là

app.directive('directive', function() { 
    return { 
    ... 
    link: function postLink(scope, element, attrs) { 
     element.replaceWith(element.contents()); 
    } 
    }; 
}); 

Tuy nhiên, có tác dụng phụ mà bạn có thể dễ dàng nhận ra. Các ràng buộc vẫn còn đó nhưng các thuộc tính từ chỉ thị sẽ không được dịch sang mẫu.

May mắn thay, thường không có lý do nào cho điều này trừ khi có điều kiện replace là bắt buộc. replace được coi là không được dùng cho Angular 2 như bạn đã nhận thấy (nó không phù hợp với khái niệm thành phần web) nhưng hoàn toàn tốt cho 1.x.