import {FileSelect, FileDrop, FileUploader} from 'ng2-file-upload';\n// class FileSelect\n@Directive({\n selector: '[ng2-file-select]',\n properties: ['uploader'],\n host: {\n '(change)': 'onChange()'\n }\n})\n// class FileDrop\n@Directive({\n selector: '[ng2-file-drop]',\n properties: ['uploader'],\n events: ['fileOver'],\n host: {\n '(drop)': 'onDrop($event)',\n '(dragover)': 'onDragOver($event)',\n '(dragleave)': 'onDragLeave($event)'\n }\n})\nuploader - (FileUploader) - uploader object. See using in demo
Parameters that supported by this object:
\nurl - URL of File Uploader's route
authToken - auth token that will be applied as 'Authorization' header during file send.uploader - (FileUploader) - uploader object. See using in demofile-over - it fires during 'over' and 'out' events for Drop Area; returns boolean: true if file is over Drop Area, false in case of out.\nSee using in ts demo and\nhtml demoInstall the components
\nnpm install ng2-file-upload --save\nQueue length: {{ uploader.queue.length }}
\n\n| Name | \nSize | \nProgress | \nStatus | \nActions | \n
|---|---|---|---|---|
| {{ item.file.name }} | \n{{ item.file.size/1024/1024 | number:'.2' }} MB | \n\n \n \n \n | \n \n \n \n \n | \n\n \n \n \n | \n
" + desc.html + "" + desc.ts + "" + desc.js + "| \n | \n | \n | \n |
| \n \n | \n: | \n\n \n | \n\n |
| \n | \n | \n | \n |
import {FileSelect, FileDrop, FileUploader} from \'ng2-file-upload\';\n// class FileSelect\n@Directive({\n selector: \'[ng2-file-select]\',\n properties: [\'uploader\'],\n host: {\n \'(change)\': \'onChange()\'\n }\n})\n// class FileDrop\n@Directive({\n selector: \'[ng2-file-drop]\',\n properties: [\'uploader\'],\n events: [\'fileOver\'],\n host: {\n \'(drop)\': \'onDrop($event)\',\n \'(dragover)\': \'onDragOver($event)\',\n \'(dragleave)\': \'onDragLeave($event)\'\n }\n})\nuploader - (FileUploader) - uploader object. See using in demo
Parameters that supported by this object:
\nurl - URL of File Uploader's route
authToken - auth token that will be applied as 'Authorization' header during file send.uploader - (FileUploader) - uploader object. See using in demofile-over - it fires during 'over' and 'out' events for Drop Area; returns boolean: true if file is over Drop Area, false in case of out.\nSee using in ts demo and\nhtml demoInstall the components
\nnpm install ng2-file-upload --save\nQueue length: {{ uploader?.queue?.length }}
\n\n| Name | \nSize | \nProgress | \nStatus | \nActions | \n
|---|---|---|---|---|
| {{ item?.file?.name }} | \n{{ item?.file?.size/1024/1024 | number:\'.2\' }} MB | \n\n \n \n \n | \n \n \n \n \n | \n\n \n \n \n | \n
'+t.html+''+t.ts+''+t.js+"import {FileSelect, FileDrop, FileUploader} from 'ng2-file-upload';\\n// class FileSelect\\n@Directive({\\n selector: '[ng2-file-select]',\\n properties: ['uploader'],\\n host: {\\n '(change)': 'onChange()'\\n }\\n})\\n// class FileDrop\\n@Directive({\\n selector: '[ng2-file-drop]',\\n properties: ['uploader'],\\n events: ['fileOver'],\\n host: {\\n '(drop)': 'onDrop($event)',\\n '(dragover)': 'onDragOver($event)',\\n '(dragleave)': 'onDragLeave($event)'\\n }\\n})\\nuploader - (FileUploader) - uploader object. See using in demo
Parameters that supported by this object:
\\nurl - URL of File Uploader's route
authToken - auth token that will be applied as 'Authorization' header during file send.uploader - (FileUploader) - uploader object. See using in demofile-over - it fires during 'over' and 'out' events for Drop Area; returns boolean: true if file is over Drop Area, false in case of out.\\nSee using in ts demo and\\nhtml demoInstall the components
\\nnpm install ng2-file-upload --save\\nQueue length: {{ uploader.queue.length }}
\\n\\n| Name | \\nSize | \\nProgress | \\nStatus | \\nActions | \\n
|---|---|---|---|---|
| {{ item.file.name }} | \\n{{ item.file.size/1024/1024 | number:'.2' }} MB | \\n\\n \\n \\n \\n | \\n \\n \\n \\n \\n | \\n\\n \\n \\n \\n | \\n
${desc.html}${desc.ts}${desc.js}| \n | \n | \n | \n |
| \n \n | \n: | \n\n \n | \n\n |
| \n | \n | \n | \n |
\r\n\t * ^(([^:/?#]+):)?(//([^/?#]*))?([^?#]*)(\\?([^#]*))?(#(.*))?\r\n\t * 12 3 4 5 6 7 8 9\r\n\t *\r\n\t *\r\n\t * The numbers in the second line above are only to assist readability; they\r\n\t * indicate the reference points for each subexpression (i.e., each paired\r\n\t * parenthesis). We refer to the value matched for subexpression
\r\n\t * http://www.ics.uci.edu/pub/ietf/uri/#Related\r\n\t *\r\n\t * results in the following subexpression matches:\r\n\t *
\r\n\t * $1 = http:\r\n\t * $2 = http\r\n\t * $3 = //www.ics.uci.edu\r\n\t * $4 = www.ics.uci.edu\r\n\t * $5 = /pub/ietf/uri/\r\n\t * $6 =\r\n\t * where\r\n\t * $7 = \r\n\t * $8 = #Related\r\n\t * $9 = Related\r\n\t *
\r\n\t * scheme = $2\r\n\t * authority = $4\r\n\t * path = $5\r\n\t * query = $7\r\n\t * fragment = $9\r\n\t *\r\n\t *\r\n\t * The regular expression has been modified slightly to expose the\r\n\t * userInfo, domain, and port separately from the authority.\r\n\t * The modified version yields\r\n\t *
\r\n\t * $1 = http scheme\r\n\t * $2 =\r\n\t * @type {!RegExp}\r\n\t * @internal\r\n\t */\r\n\tvar _splitRe = lang_1.RegExpWrapper.create('^' +\r\n\t '(?:' +\r\n\t '([^:/?#.]+)' +\r\n\t // used by other URL parts such as :,\r\n\t // ?, /, #, and .\r\n\t ':)?' +\r\n\t '(?://' +\r\n\t '(?:([^/?#]*)@)?' +\r\n\t '([\\\\w\\\\d\\\\-\\\\u0100-\\\\uffff.%]*)' +\r\n\t // digits, dashes, dots, percent\r\n\t // escapes, and unicode characters.\r\n\t '(?::([0-9]+))?' +\r\n\t ')?' +\r\n\t '([^?#]+)?' +\r\n\t '(?:\\\\?([^#]*))?' +\r\n\t '(?:#(.*))?' +\r\n\t '$');\r\n\t/**\r\n\t * The index of each URI component in the return value of goog.uri.utils.split.\r\n\t * @enum {number}\r\n\t */\r\n\tvar _ComponentIndex;\r\n\t(function (_ComponentIndex) {\r\n\t _ComponentIndex[_ComponentIndex[\"Scheme\"] = 1] = \"Scheme\";\r\n\t _ComponentIndex[_ComponentIndex[\"UserInfo\"] = 2] = \"UserInfo\";\r\n\t _ComponentIndex[_ComponentIndex[\"Domain\"] = 3] = \"Domain\";\r\n\t _ComponentIndex[_ComponentIndex[\"Port\"] = 4] = \"Port\";\r\n\t _ComponentIndex[_ComponentIndex[\"Path\"] = 5] = \"Path\";\r\n\t _ComponentIndex[_ComponentIndex[\"QueryData\"] = 6] = \"QueryData\";\r\n\t _ComponentIndex[_ComponentIndex[\"Fragment\"] = 7] = \"Fragment\";\r\n\t})(_ComponentIndex || (_ComponentIndex = {}));\r\n\t/**\r\n\t * Splits a URI into its component parts.\r\n\t *\r\n\t * Each component can be accessed via the component indices; for example:\r\n\t *userInfo -\\\r\n\t * $3 = www.ics.uci.edu domain | authority\r\n\t * $4 = port -/\r\n\t * $5 = /pub/ietf/uri/ path\r\n\t * $6 = query without ?\r\n\t * $7 = Related fragment without #\r\n\t *
\r\n\t * goog.uri.utils.split(someStr)[goog.uri.utils.CompontentIndex.QUERY_DATA];\r\n\t *\r\n\t *\r\n\t * @param {string} uri The URI string to examine.\r\n\t * @return {!Array.