angular2中有ui-ace的替代品吗？答案

【问题标题】：is there any alternative for ui-ace in angular2?angular2中有ui-ace的替代品吗？
【发布时间】：2016-06-09 21:44:01
【问题描述】：

我正在使用 angular2 并希望在编辑器中显示我的 JSON 数据。

在 angularjs 中，ui-ace 为我提供了这个功能：

<textarea  ui-ace="{
    useWrapMode : true,
    showGutter: true,
    theme:'twilight',
    mode: 'json',
    firstLineNumber: 1,
    onLoad: aceLoaded('jsonEditor'),
    onChange: aceChanged                    
    }" ng-model="jsondata">

现在我想在 angular2 中使用相同的功能。有输入吗？

【问题讨论】：

标签： javascript angularjs typescript angular

【解决方案1】：

jsondata 是 JSON 吗？还是已经转成字符串了？

我知道您可以向 JSON.stringify 添加第三个参数，以便在“字符串化”时使 JSON 更友好。例如：

$scope.jsondata = JSON.stringify(code, null, '\t');

字符串将被格式化，就好像它是在浏览器控制台中显示的 JSON。我已经将它与 Codemirror 一起使用。

所以 ace-ui 的另一个替代品可能是 Codemirror for Angular 或 Codemirror，我已经多次使用它，我推荐它。

这里有有趣的链接about Codemirror + Angular 2

【讨论】：

【解决方案2】：

也许 npm 包 ng2-ace 可以帮助你：https://www.npmjs.com/package/ng2-ace

【讨论】：