Thêm sự kiện ng-click vào trong bộ lọc

Question

Tôi khá mới với Angular nhưng tôi đã sử dụng nó vài tuần qua và đã cố gắng giải quyết hầu hết các vấn đề tôi gặp phải. Điều này tuy nhiên đã cho tôi stumped.

Tôi có một ứng dụng sẽ lấy các mẩu tin từ Twitter sau đó - sử dụng bộ lọc góc - kéo tất cả các url và tạo kiểu cho chúng dưới dạng liên kết. Phần này hoạt động tốt nhưng khách hàng đã quyết định rằng các liên kết từ Twitter không an toàn nên họ muốn tuyên bố từ chối trách nhiệm mỗi khi một liên kết được nhấp vào. Đủ đơn giản - Tôi đã xâm nhập vào liên kết và hoán đổi số href cho số ng-click="openLink('url')". Đây là nơi xảy ra sự cố - ng-click không hoạt động.

Tôi chắc chắn vấn đề có liên quan đến $compile() - Tôi đã có các vấn đề tương tự trước đây - nhưng tôi không biết khi nào hoặc ở đâu để gọi.

Tôi đã tạo một Plunkr là phiên bản ngắn gọn về những gì tôi đang theo dõi. Liên kết ở trên cùng không được tải động và kích hoạt chức năng alertUrl(), nhưng tất cả các liên kết được tạo bởi bộ lọc đều không thành công.

Tôi có thể thiếu một cái gì đó thực sự đơn giản nhưng nó đã được bugging cho tôi một lúc bây giờ để giúp đỡ bất kỳ sẽ được đánh giá ồ ạt.

Cảm ơn,
Sam

Answer 1

Vâng, bạn là chính xác rằng html \ nội dung mà bạn phát ra cần phải được biên soạn cho angularjs để giải quyết các chức năng cảnh báo.

Tôi đã thay đổi plunker của bạn, và tiêm một chỉ thị biên dịch (từ here)

Nhìn thấy nó trong hành động here

Ý tưởng cơ bản ở đây là để biên dịch nội dung được sản xuất từ ​​thức ăn twitter động.

<p compile="tweet.text | convertLinks"></p>