Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript: Angular 2, AngularJS
Войти
Регистрация
Восстановить пароль
 
ogamilait
0 / 0 / 1
Регистрация: 16.02.2015
Сообщений: 6
1

Изменения в директиве, применить к другой директиве того типа

23.03.2015, 03:12. Просмотров 313. Ответов 0
Метки нет (Все метки)

Есть страница со список постов к каждому посту есть лайк или дислайк, и этот пост на той же странице можна открыть в модальном окне.
Как можна свзять дерективу что в модальном окне с дерективой что в списке на странице?
или как то обновить DOM там и там?
Мне нужно что б при клике в модально окне DOM изменился и на странице. Angular только начал изучать.
Рисунок примерно как все будет.

Изменения в директиве, применить к другой директиве того типа

Деректива:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
myApp.directive("ykLike", function(){
    return {
        templateUrl: "like.html",
        restrict: "A",
        link: function(scope, element, attrs) {
            element.find("div.no-like").on('click', function(){
                element.find("div.no-like").toggleClass('like');
                element.find("div.no-dislike").removeClass('dislike');
            })
            element.find("div.no-dislike").on('click', function(){
                element.find(this).toggleClass('dislike');
                element.find("div.no-like").removeClass('like');
            })
        }
    }
});
темплейт:
HTML5
1
2
3
    <div class='count-like'>0</div>
    <div class='no-like' ng-click='like()'>like</div>
    <div class='no-dislike' ng-click='dislike()'>dislike</div>
страница:
HTML5
1
2
3
4
5
6
7
8
9
<div ng-controller="LikeCtrl as like1l">
            <!--Post1--><div class="all-like" yk-like yk-like-id="testId" ></div>
            <!--Post2--><div class="all-like" yk-like yk-like-id="testId" ></div>
            <!--Post3--><div class="all-like" yk-like yk-like-id="testId" ></div>
        </div>
        <div class="modal" ng-controller="LikeCtrl as like1 ">
            <!--Post1 открыт в модальном окне-->
            <div class="all-like" yk-like yk-like-id="testId" ></div>
        </div>
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
23.03.2015, 03:12
Ответы с готовыми решениями:

Отслеживание в директиве изменения значения в scope контроллера
Привет всем участникам, у меня проблема такого свойства - надо мне отследить изменение из...

Клик по кнопке в директиве
есть директива (function(angular) { 'use strict'; angular.module('sglPaperButton', )...

Что означает * (астериск) в директиве VirtualHost?
Комрады, помогите ответить на эти вопросы человеку с серверами никак не связанному. 38. Что...

<!-- #include file= переменная. Можно ли в этой директиве ставить переменную?
&lt;!-- #include file= переменная Можно ли в этой директиве ставить переменную. filename =...

Какой вид разделителя в именах каталогов следует использовать в директиве #include и почему?
1. Какой вид разделителя в именах каталогов следует использовать в директиве #include и почему?

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
23.03.2015, 03:12

Дескрипторы XML-комментариев: стоит ли описывать весь код именно по каждой директиве
Кто-нибудь лично ими пользуется и встречал ли на практике? Стоит ли описывать весь код именно по...

Как избежать изменения одной переменной ссылочного типа, когда изменяется значение другой переменной
Подскажите, пожалуйста, как избежать изменения одной переменной ссылочного типа, когда изменяется...

Возврат объекта шаблонного типа от типа Type из специализации шаблона метода от того же типа
Доброго времени суток, пишу класс содержащий несколько std::set от разных типов, нужно сделать...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru