Создание директивы HTML, которые применяются функции по имени класса

-2

Пожалуйста, покажите мне, как переписывают эти символы с помощью JQuery плагин директивы для использования с AngularJs:
Создание директивы HTML, которые применяются функции по имени класса

<div class="fotorama" data-nav="thumbs" data-allowfullscreen="1" data-thumbheight="100" data-thumbwidth="100"> 
    <img src="img/gamer_chick_800x600.jpg" alt="Image Alternative text" title="Gamer Chick" /> 
    <img src="img/amaze_800x600.jpg" alt="Image Alternative text" title="AMaze" /> 
    <img src="img/urbex_esch_lux_with_laney_and_laaaaag_800x600.jpg" alt="Image Alternative text" title="Urbex Esch/Lux with Laney and Laaaaag" /> 
    <img src="img/food_is_pride_800x600.jpg" alt="Image Alternative text" title="Food is Pride" /> 
</div>

Этот код будет введен в HTML-файлах «views» при запуске приложения в AngularJS. Благодарю.

источник

2015-04-10 Huy Do

Надежда следующая ссылка поможет вам http://stackoverflow.com/questions/9381926/insert-html-into-view-using-angularjs –

Пожалуйста, обратитесь angularjs ссылку на этот .. HTTPS : //docs.angularjs.org/guide/directive –

Спасибо, но я пробовал несколько способов, никоим образом не работает, как я ожидаю. –

-1

Я добавил plunkr для вашего вопроса. Пожалуйста, обратитесь к следующей ссылке http://plnkr.co/edit/n571gvlq7ptlbfJbOgaT?p=preview

Код

Главного HTML

<!DOCTYPE html> 
<html ng-app="docsIsolationExample"> 

    <head> 

    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script> 

    <script src="example.js"></script> 

    </head> 

    <body> 
    <div ng-controller="Controller"> 
    <my-customer ></my-customer> 
</div> 
    </body> 

</html>

код будет введен в HTML просмотры

<div class="fotorama" data-nav="thumbs" data-allowfullscreen="1" data-thumbheight="100" data-thumbwidth="100"> 
    <img src="img/gamer_chick_800x600.jpg" alt="Image Alternative text" title="Gamer Chick" /> 
    <img src="img/amaze_800x600.jpg" alt="Image Alternative text" title="AMaze" /> 
    <img src="img/urbex_esch_lux_with_laney_and_laaaaag_800x600.jpg" alt="Image Alternative text" title="Urbex Esch/Lux with Laney and Laaaaag" /> 
    <img src="img/food_is_pride_800x600.jpg" alt="Image Alternative text" title="Food is Pride" /> 
</div>

angular.module('docsIsolationExample', []) 
.controller('Controller', ['$scope', function($scope) { 
    $scope.naomi = { name: 'Naomi', address: '1600 Amphitheatre' }; 
    $scope.vojta = { name: 'Vojta', address: '3456 Somewhere Else' }; 
}]) 
.directive('myCustomer', function() { 
    return { 
    restrict: 'E', 
    scope: { 
     customerInfo: '=info' 
    }, 
    templateUrl: 'my-customer-plus-vojta.html' 
    }; 
});

Вы можете использовать пользовательские директивы, чтобы добавить храм на страницу HTML. Пожалуйста, обратитесь к следующей ссылке, чтобы узнать, как реализовать пользовательскую директиву.

Creating a Directive that Wraps Other Elements

источник

2015-04-10 10:50:31

Возможно, только что использовали 'ng-include' только для вашей директивы – charlietfl

Ему понадобилось решение для реализации директивы для шаблона. Таким образом, –

Создание директивы HTML, которые применяются функции по имени класса

ответ

Смежные вопросы