Project: angular
Task (challenging): 1) When the title of Blog is longer than 300px, show '...' to hide longer text. 2) Title can be hovered to show full content in Tooltip when Title is longer than 300px. DO NOT show Tooltip when Title is less than 300px 3) Make sure EVERY title displayed in the page follows the rules, create reusable directives. 4) Constraint: DO NOT use any third-party packages; ONLY Angular APIs are permitted.