angular2中的ui-ace是否有其他选择？

Question

我正在研究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中使用相同的功能。 有输入吗？

Answer 1

也许npm软件包ng2-ace可以帮助您： https : ng2-ace

Answer 2

jsondata是JSON吗？ 还是已经转换为字符串？

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

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

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

因此，ace-ui的另一种选择可能是Angular的 Codemirror或Codemirror ，我已经使用了多次，所以我推荐它。

关于Codemirror + Angular 2的有趣链接