AngularJS Json Editor

AngularJS Json Editor

本文关键字:Editor Json AngularJS      更新时间:2023-09-26

我使用angular-json-editor。这是控制器:

var TaskEditCtrl = function($scope, $http, $routeParams, Notification, Task) {
    $scope.task = Task.get({id: $routeParams.taskId});
    $scope.schema = $http.get("/static/schema/schema.json");
};

模板:

<json-editor schema="schema" startval="task.data">

task.dataundefined,未加载到编辑器中。怎么做的?

您需要在数据可用时编译该指令。你可以使用ngIf

来控制它
<json-editor ng-if="task" schema="schema" startval="task">

$http.get返回一个承诺,我假设任务也这样做。

 Task.get(...).then(function(response) { $scope.task = response.data; });
 $http.get('/static/schema/schema.json').then(function(json){$scope.schema = json;});