10 examples of 'ng click angular 8' in JavaScript

18
ngOnInit(): void {
19
  this.ngZone.runOutsideAngular(() => {
20
    this.clickListener = this.onClick.bind(this);
21
    this.element.addEventListener('click', this.clickListener);
22
  });
23
}

265
function clickCancel() {
266
  $rootScope.$evalAsync(function() {
267
    swal.clickCancel();
268
  });
269
}

152
private _initClickOutsideListener() {
153
  this._ngZone.runOutsideAngular(() => {
154
    this._events.forEach(e => document.body.addEventListener(e, this._onClickBody));
155
  });
156
}

41
function clickFuncParam(paramIndex) {
42
  /*jshint validthis:true */
43
44
  var $link = $(this);
45
  var $input = $link.next();
46
47
  $input.val(func.params[paramIndex]);
48
  $input.css('width', $link.width() + 16 + 'px');
49
50
  $link.hide();
51
  $input.show();
52
  $input.focus();
53
  $input.select();
54
55
  var typeahead = $input.data('typeahead');
56
  if (typeahead) {
57
    $input.val('');
58
    typeahead.lookup();
59
  }
60
}

357
function defaultLinkFn(scope, element, attr) {
358
  scope.$watch(attr[normalized], function ngBooleanAttrWatchAction(value) {
359
    attr.$set(attrName, !!value);
360
  });
361
}

19
doClick() {
20
  if(this.animating) return;
21
  this.animating = true;
22
  this.el.prevBackColor = this.el.style.backgroundColor;
23
  this.el.style.backgroundColor = ClickingBackColor;
24
  clearTimeout(this.timer);
25
  this.timer = setTimeout(() => {
26
    this.el.style.backgroundColor = this.el.prevBackColor || '';
27
    this.animating = false;
28
  }, 200);
29
}

15
constructor(el: ElementRef) {
16
  this.el = el.nativeElement;
17
  this.el.style.transition = 'background-color .2s ease-out';
18
}

18
ngOnInit(): void {
19
  const editable = this.table.columns.some(x => x.editable);
20
  if (editable) {
21
    this.ngZone.runOutsideAngular(() => {
22
      this.clickListener = this.onDblClick.bind(this);
23
      this.element.addEventListener('dblclick', this.clickListener);
24
    });
25
  }
26
}

5
function BindAngularDirectiveCtrl($scope, $compile, DTOptionsBuilder, DTColumnBuilder) {
6
    var vm = this;
7
    vm.message = '';
8
    vm.edit = edit;
9
    vm.delete = deleteRow;
10
    vm.dtInstance = {};
11
    vm.persons = {};
12
    vm.dtOptions = DTOptionsBuilder.fromSource('data1.json')
13
        .withPaginationType('full_numbers')
14
        .withOption('createdRow', createdRow);
15
    vm.dtColumns = [
16
        DTColumnBuilder.newColumn('id').withTitle('ID'),
17
        DTColumnBuilder.newColumn('firstName').withTitle('First name'),
18
        DTColumnBuilder.newColumn('lastName').withTitle('Last name'),
19
        DTColumnBuilder.newColumn(null).withTitle('Actions').notSortable()
20
            .renderWith(actionsHtml)
21
    ];
22
23
    function edit(person) {
24
        vm.message = 'You are trying to edit the row: ' + JSON.stringify(person);
25
        // Edit some data and call server to make changes...
26
        // Then reload the data so that DT is refreshed
27
        vm.dtInstance.reloadData();
28
    }
29
    function deleteRow(person) {
30
        vm.message = 'You are trying to remove the row: ' + JSON.stringify(person);
31
        // Delete some data and call server to make changes...
32
        // Then reload the data so that DT is refreshed
33
        vm.dtInstance.reloadData();
34
    }
35
    function createdRow(row, data, dataIndex) {
36
        // Recompiling so we can bind Angular directive to the DT
37
        $compile(angular.element(row).contents())($scope);
38
    }
39
    function actionsHtml(data, type, full, meta) {
40
        vm.persons[data.id] = data;
41
        return '' +
42
            '   <i></i>' +
43
            ' ' +
44
            '' +
45
            '   <i></i>' +
46
            '';
47
    }
48
}

21
function click(event) {
22
    if (!$.contains(elem[0], event.target)) {
23
        superheroCtrl.$close();
24
    }
25
}