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://www.npmjs.com/package/ng2-ace

Answer 2

jsondata是一个JSON？或者它已被转换为字符串？

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

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

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

因此ace-ui的另一种替代方案可能是Codemirror for Angular或Codemirror，我已多次使用它，我推荐它。

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

在angular2中有没有替代ui-ace？

2 个答案: