Объявить директиву AngularJS1 прописной текста в существующий элемент

Question

мне нужно создать директиву, прописную всего письмо содержания эля

<div>Hello World!</div> 

с добавлением всех заглавного

<div all-uppercase>HELLO WORLD!</div> 

Моей миссия понимая, как Angular может обеспечить возможность манипулирования текстом в существующий html через «директиву»

Пожалуйста, напишите рабочий код ...

Answer 1

Хотя это можно было бы легко сделать с помощью CSS напрямую, просто указав правило css text-transform: uppercase.

Директива версия будет, как показано ниже. Когда вы обращаетесь к элементу текста через функцию link, сделайте его заглавным & верните его в текст элемента.

Директива

.directive('allUppercase', function(){ 
    return { 
    restrict: 'A', 
    link: function(scope, element){ 
     element.text(element.text().toUpperCase()); 
    } 
    } 
}); 

То же самое может быть достижимы с помощью использования угловой встроенный фильтр называется uppercase

{{ 'Hello World!'| uppercase }} 

Demo Of All 3