Squeak.ru - шаблоны программирования

Как получить скомпилированное содержимое директивы Angular?

Я хочу получить отображаемый контент внутри директивы Angular. Вот мой код:

Javascript:

app.controller('appCtrl', function($scope){
    $scope.items = [1,2,3,4]
});
app.directive('pane', function($interpolate, $compile){
    return {
       restrict: 'E',
       scope:true,
       link: function(scope, element, attrs){
            var text = element.html();
            var content = $interpolate(text)(scope);
            alert(content);               
       }
    }
});

HTML:

<div ng-controller='appCtrl'>
<pane>
    <span ng-repeat="item in items">{{item}}, </span>
</pane>
</div>

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

ps: я пытался следовать этот ответ, но он не работает


  • Я использовал ваш код почти как есть, и он отлично отображается. Вот скрипка 04.10.2014
  • Я говорю о содержимом в окне предупреждения, потому что я хотел изменить содержимое директивы на основе исходного содержимого :) спасибо за скрипку 05.10.2014

Ответы:


1

Вы должны попытаться получить директивный контент из функции компиляции.

Например:

app.directive('pane', function($interpolate, $compile){
    return {
       restrict: 'E',

       compile: function(tElement, attrs){

            var content = tElement.children();
            console.log(tElement);
            $(tElement).empty();
            for(i=1;i<10;i++){
                console.log(1);
                tElement.append(content.clone());
            }   
            return {
                post: function(scope, element, attrs){
                    console.log(scope.items);
                }
            }
       },

    }
});
05.10.2014
Новые материалы

Угловая структура архитектуры
Обратите внимание, что эта статья устарела, я решил создать новую с лучшей структурой и с учетом автономных компонентов: https://medium.com/@marekpanti/angular-standalone-architecture-b645edd0d54a..

«Данные, которые большинство людей используют для обучения своих моделей искусственного интеллекта, поставляются со встроенным…
Первоначально опубликовано HalkTalks: https://hacktown.com.br/blog/blog/os-dados-que-a-maioria-das-pessoas-usa-para-treinar-seus-modelos-de-inteligencia-artificial- ja-vem-com-um-vies-embutido/..

Сильный ИИ против слабого ИИ: различия парадигм искусственного интеллекта
В последние годы изучению и развитию искусственного интеллекта (ИИ) уделяется большое внимание и прогресс. Сильный ИИ и Слабый ИИ — две основные парадигмы в области искусственного интеллекта...

Правильный способ добавить Firebase в ваш проект React с помощью React Hooks
React + Firebase - это мощная комбинация для быстрого и безопасного создания приложений, от проверки концепции до массового производства. Раньше (знаете, несколько месяцев назад) добавление..

Создайте API с помощью Python FastAPI
Создание API с помощью Python становится очень простым при использовании пакета FastAPI. После установки и импорта вы можете создать приложение FastAPI и указать несколько конечных точек. Каждой..

Веселье с прокси-сервером JavaScript
Прокси-серверы JavaScript — это чистый сахар, если вы хотите создать некоторую общую логику в своих приложениях, чтобы облегчить себе жизнь. Вот один пример: Связь клиент-сервер Мы..

Получить бесплатный хостинг для разработчиков | Разместите свой сайт за несколько шагов 🔥
Статические веб-сайты — это веб-страницы с фиксированным содержанием и его постоянным содержанием. Но теперь статические сайты также обрабатывают динамические данные с помощью API и запросов...