Skip to content

Instantly share code, notes, and snippets.

@hoangthai0302
Created September 26, 2017 02:18
Show Gist options
  • Select an option

  • Save hoangthai0302/0af3d32752749ef5c56851624d61f537 to your computer and use it in GitHub Desktop.

Select an option

Save hoangthai0302/0af3d32752749ef5c56851624d61f537 to your computer and use it in GitHub Desktop.
JS Bin code rxjs for searchbox // source http://jsbin.com/gocoduy
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="code rxjs for searchbox">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<input id="input">
<script id="jsbin-javascript">
"use strict";
var input = $('#input');
var inputEvent = Rx.Observable
.fromEvent(input, 'keyup')
.pluck('target', 'value')
.distinctUntilChanged()
.debounceTime(300)
.subscribe(function (value) { return console.log(value); });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoianNiaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJqc2Jpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsSUFBTSxLQUFLLEdBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBRTFCLElBQU0sVUFBVSxHQUFHLEVBQUUsQ0FBQyxVQUFVO0tBQzlCLFNBQVMsQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDO0tBQ3pCLEtBQUssQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDO0tBQ3hCLG9CQUFvQixFQUFFO0tBQ3RCLFlBQVksQ0FBQyxHQUFHLENBQUM7S0FDakIsU0FBUyxDQUFDLFVBQUEsS0FBSyxJQUFJLE9BQUEsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBbEIsQ0FBa0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiY29uc3QgaW5wdXQgPSAkKCcjaW5wdXQnKTtcblxuY29uc3QgaW5wdXRFdmVudCA9IFJ4Lk9ic2VydmFibGVcbiAuZnJvbUV2ZW50KGlucHV0LCAna2V5dXAnKVxuIC5wbHVjaygndGFyZ2V0JywgJ3ZhbHVlJylcbiAuZGlzdGluY3RVbnRpbENoYW5nZWQoKVxuIC5kZWJvdW5jZVRpbWUoMzAwKVxuIC5zdWJzY3JpYmUodmFsdWUgPT4gY29uc29sZS5sb2codmFsdWUpKTsiXX0=
</script>
<script id="jsbin-source-javascript" type="text/javascript">const input = $('#input');
const inputEvent = Rx.Observable
.fromEvent(input, 'keyup')
.pluck('target', 'value')
.distinctUntilChanged()
.debounceTime(300)
.subscribe(value => console.log(value));</script></body>
</html>
"use strict";
var input = $('#input');
var inputEvent = Rx.Observable
.fromEvent(input, 'keyup')
.pluck('target', 'value')
.distinctUntilChanged()
.debounceTime(300)
.subscribe(function (value) { return console.log(value); });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoianNiaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJqc2Jpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsSUFBTSxLQUFLLEdBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBRTFCLElBQU0sVUFBVSxHQUFHLEVBQUUsQ0FBQyxVQUFVO0tBQzlCLFNBQVMsQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDO0tBQ3pCLEtBQUssQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDO0tBQ3hCLG9CQUFvQixFQUFFO0tBQ3RCLFlBQVksQ0FBQyxHQUFHLENBQUM7S0FDakIsU0FBUyxDQUFDLFVBQUEsS0FBSyxJQUFJLE9BQUEsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBbEIsQ0FBa0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiY29uc3QgaW5wdXQgPSAkKCcjaW5wdXQnKTtcblxuY29uc3QgaW5wdXRFdmVudCA9IFJ4Lk9ic2VydmFibGVcbiAuZnJvbUV2ZW50KGlucHV0LCAna2V5dXAnKVxuIC5wbHVjaygndGFyZ2V0JywgJ3ZhbHVlJylcbiAuZGlzdGluY3RVbnRpbENoYW5nZWQoKVxuIC5kZWJvdW5jZVRpbWUoMzAwKVxuIC5zdWJzY3JpYmUodmFsdWUgPT4gY29uc29sZS5sb2codmFsdWUpKTsiXX0=
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment