{"id":13497429,"url":"https://github.com/seiyria/ng2-ace","last_synced_at":"2025-03-28T22:31:43.006Z","repository":{"id":66160038,"uuid":"58078379","full_name":"seiyria/ng2-ace","owner":"seiyria","description":"A basic ace editor directive for angular 2.","archived":true,"fork":false,"pushed_at":"2017-03-22T12:19:10.000Z","size":11,"stargazers_count":30,"open_issues_count":2,"forks_count":127,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-12T12:45:38.016Z","etag":null,"topics":["ace","ace-editor","angular2","ng2"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/seiyria.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2016-05-04T19:24:44.000Z","updated_at":"2024-12-05T06:15:49.000Z","dependencies_parsed_at":null,"dependency_job_id":"168c4b8a-71ae-495a-bfca-5539848196eb","html_url":"https://github.com/seiyria/ng2-ace","commit_stats":{"total_commits":21,"total_committers":1,"mean_commits":21.0,"dds":0.0,"last_synced_commit":"20993cf22ef1f5817a2e565ea600558b0b9f6150"},"previous_names":[],"tags_count":14,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seiyria%2Fng2-ace","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seiyria%2Fng2-ace/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seiyria%2Fng2-ace/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seiyria%2Fng2-ace/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/seiyria","download_url":"https://codeload.github.com/seiyria/ng2-ace/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246110207,"owners_count":20725008,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ace","ace-editor","angular2","ng2"],"created_at":"2024-07-31T20:00:30.795Z","updated_at":"2025-03-28T22:31:42.717Z","avatar_url":"https://github.com/seiyria.png","language":"JavaScript","readme":"# ng2-ace\nA basic ace editor directive for angular 2.\n\n# Install\n`npm i -s ng2-ace`\n\n# Sample Usage\n\n```js\nimport { Component } from 'angular2/core';\n\nimport { AceEditorDirective } from 'ng2-ace';\n\nimport 'brace/theme/clouds';\nimport 'brace/mode/sql';\n\n@Component({\n  directives: [AceEditorDirective],\n  template: `\n  \u003cdiv ace-editor\n       [text]=\"text\"\n       [mode]=\"'sql'\"\n       [theme]=\"'clouds'\"\n       [options]=\"options\"\n       [readOnly]=\"false\"\n       (textChanged)=\"onChange($event)\"\n       style=\"display:block; height: 80vh; width:100%\"\u003e\u003c/div\u003e\n  `\n})\nexport class MyComponent {\n  constructor() {\n    this.text = 'test';\n    this.options = { printMargin: false };\n    this.onChange = (data) =\u003e {\n      console.log(data);\n    }\n  }\n}\n```\nImportant pieces to note in the HTML template: `[ace-editor]` attribute, `[text]`, `[theme]`, `[mode]`, `[readOnly]`, `[options]` inputs, `(textChanged)` output. As per Ace, you must also make it a `display: block;` and give it a width and height.\n","funding_links":[],"categories":["Uncategorized","Awesome Angular [![Awesome TipeIO](https://img.shields.io/badge/Awesome%20Angular-@TipeIO-6C6AE7.svg)](https://github.com/gdi2290/awesome-angular) [![Awesome devarchy.com](https://img.shields.io/badge/Awesome%20Angular-@devarchy.com-86BDC1.svg)](https://github.com/brillout/awesome-angular-components)"],"sub_categories":["Uncategorized","Angular \u003ca id=\"angular\"\u003e\u003c/a\u003e"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseiyria%2Fng2-ace","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fseiyria%2Fng2-ace","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseiyria%2Fng2-ace/lists"}