Угловые директивы (ngclick не стреляет)

Question

Угловые директивы (ngclick не стреляет)

0

Я новичок в Angular, и я работал над небольшим проектом. У меня вопрос о директивах и ng-click.

Каждый раз, когда я нажимаю на тег div для установки функции setlock(), он никогда не срабатывает. Может ли это быть вызвано тем, что моя директива и контроллер находятся в отдельных файлах? И есть ли способ сделать эту работу, используя ссылку:?

Благодарю.

Directive.js

(function(){
'use strict';

angular
    .module('widget.ballslot')
    .directive('ballSlot', ballSlot);

function ballSlot(){

    var directive = {
        restrict: 'E',
        scope: true,
        templateUrl: 'app/widgets/ballslot.html',
        controller: 'Ballslot',
    }
    return directive;
}
})();

Controller.js

(function(){
'use strict';

angular
    .module('widget.ballslot')
    .controller('Ballslot', Ballslot);

function Ballslot() {
    var vm = this;

    vm.locked = true;

    function setlock() {
        vm.locked = !vm.locked;
    };

};
})();

page.html

<div data-ng-controller='Ballslot as vm' class='ball'>
<div id='background-purple' ng-click='vm.setlock()'>
   <i class="fa fa-lock" ng-hide="vm.locked"> </i>
   <i class="fa fa-unlock-alt" ng-show="vm.locked"></i>     
</div>
</div>

Msbart 24 янв. 2016, в 06:53

Источник

0

Пожалуйста, опубликуйте весь код, чтобы мы могли посмотреть.
Pratap A.K 24 янв. 2016, в 05:21
0

Прости за это
Msbart 24 янв. 2016, в 05:40
0

Вы должны быть осторожны с определением директивы. Похоже, у вас есть работоспособный ответ, но у вашего кода есть еще одна тонкая проблема. вы фактически объявили свой контроллер дважды , один раз в определении директивы и второй раз в HTML. Не совсем понятно, где вы планируете использовать директиву (вы не используете ее в этом примере кода), но когда вы используете директиву, она, скорее всего, не будет действовать так, как вы ожидаете.
Claies 24 янв. 2016, в 06:39
0

Итак, я создаю его дважды, привязав его в своей пользовательской директиве и определяя мой контроллер директив: «Ballslot»? Я подключаю это в index.html, который вызывает несколько страниц, которые генерируют различное количество шаровых слотов. Таким образом, один может иметь 3 слота, а другой может иметь 10
Msbart 25 янв. 2016, в 02:06

Показать ещё 2 комментария

Теги:

angularjs

1 ответ

Ещё вопросы

Пожалуйста, опубликуйте весь код, чтобы мы могли посмотреть.
Вы должны быть осторожны с определением директивы. Похоже, у вас есть работоспособный ответ, но у вашего кода есть еще одна тонкая проблема. вы фактически объявили свой контроллер дважды , один раз в определении директивы и второй раз в HTML. Не совсем понятно, где вы планируете использовать директиву (вы не используете ее в этом примере кода), но когда вы используете директиву, она, скорее всего, не будет действовать так, как вы ожидаете.
Итак, я создаю его дважды, привязав его в своей пользовательской директиве и определяя мой контроллер директив: «Ballslot»? Я подключаю это в index.html, который вызывает несколько страниц, которые генерируют различное количество шаровых слотов. Таким образом, один может иметь 3 слота, а другой может иметь 10

Chanthu · Accepted Answer · 2016-01-24T04-29-00.000Z

Похоже, функция setLock недоступна для html. Это потому, что это частная функция, а не через vm.

Попробуйте изменить

function setlock() {
    vm.locked = !vm.locked;
};

К

vm.setlock = function() {
    vm.locked = !vm.locked;
};

Закрыть, но vm.setlock = function() { vm.locked = !vm.locked; }; будет работать лучше. :)
Это не работает, вместо этого отображаются обе иконки.
Брайан Бейкер, спасибо, что реализация сработала. Спасибо как за разъяснения, так и за ответы. Теперь, как я должен поступить так, потому что ваше разъяснение было правильным, но код Брайана был правильным?