7 examples of 'angular 6 checkbox example' in JavaScript

27
get nzCheckbox(): boolean {
28
  return this._checkbox;
29
}

13
onCheckbox1Change(value) {
14
    console.log('checkbox1 checked:', value);
15
}

17
link(scope, element, attrs) {
18
}

57
changeCheckbox(input: HTMLInputElement, ctx: PblNgridCellContext): void {
58
  ctx.value = input.checked;
59
  setTimeout( () => ctx.stopEdit(true) );
60
}

71
checkboxComponent: function checkboxComponent(err, value, options, events) {
72
  options.type = 'checkbox';
73
  var key = options.key;
74
  delete options.key;
75
76
  return _react2.default.createElement(
77
    'div',
78
    { key: key, className: err ? 'input-error' : 'input' },
79
    err,
80
    _react2.default.createElement('input', _extends({}, options, {
81
      value: value,
82
      onChange: events.onChange,
83
      onFocus: events.onFocus,
84
      onBlur: events.onBlur }))
85
  );
86
},

40
function createCheckbox () {
41
  const vm = createVue({
42
    template: `
43
      <cube-checkbox v-model="checked" class="my-checkbox" :position="'left'">
44
        checkbox
45
      </cube-checkbox>
46
    `,
47
    data: {
48
      checked: true
49
    }
50
  })
51
  return vm
52
}

48
get code() {
49
  let html = "import Checkbox from 'carbon/lib/components/checkbox';\n\n";
50
51
  html += "<Checkbox";
52
53
  if (this.value('label')) {
54
    html += `\n  label='${this.value('label')}'`;
55
56
    if (this.value('labelHelp')) {
57
      html += `\n  labelHelp='${this.value('labelHelp')}'`;
58
    }
59
60
    if (this.value('helpInline')) {
61
      html += `\n  labelHelpInline={ true }`;
62
    }
63
  }
64
65
  if (this.value('disabled')) {
66
    html += `\n  disabled={${this.value('disabled')}}`;
67
  }
68
69
  if (this.value('reverse')) {
70
    html += `\n  reverse={${this.value('reverse')}}`;
71
  }
72
73
  // determine if we need extra space
74
  let splitHtml = html.split("\n  ");
75
  if (splitHtml.length == 1) {
76
    html += " ";
77
  } else {
78
    html += "\n";
79
  }
80
81
  html += "/>\n\n";
82
83
  return html;
84
}