Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度模式表单从JSON加载数据_Javascript_Angularjs_Json_Angular Schema Form - Fatal编程技术网

Javascript 角度模式表单从JSON加载数据

Javascript 角度模式表单从JSON加载数据,javascript,angularjs,json,angular-schema-form,Javascript,Angularjs,Json,Angular Schema Form,我是一名硬件工程师,试图创建一个内部软件工具。我原以为我可以很容易地做到这一点,但有太多的未知因素让我无法前进 我正在尝试创建一个用于管理订单的内部软件解决方案。我已经定义了一个有效的JSON模式 我想建立一个网页,在那里我可以通过填写网络表单创建新订单。然后,数据应存储为JSON文本文件。我还希望能够加载JSON文本文件,用当前值预填充表单,进行一些更改,然后保存更改 我在php和mysql中也做过类似的事情,但我希望使用JSON文件能够对软件工具进行更改,而不必摆弄数据库结构。我也认为这是一

我是一名硬件工程师,试图创建一个内部软件工具。我原以为我可以很容易地做到这一点,但有太多的未知因素让我无法前进

我正在尝试创建一个用于管理订单的内部软件解决方案。我已经定义了一个有效的JSON模式

我想建立一个网页,在那里我可以通过填写网络表单创建新订单。然后,数据应存储为JSON文本文件。我还希望能够加载JSON文本文件,用当前值预填充表单,进行一些更改,然后保存更改

我在php和mysql中也做过类似的事情,但我希望使用JSON文件能够对软件工具进行更改,而不必摆弄数据库结构。我也认为这是一个很好的学习机会

我正在尝试使用自动生成的表单(schemaform.io),并获得了以下代码:


/*
$.getJSON(“data/order.json”,函数(orderTemplateJson){
log(orderTemplateJson);//这将在firebug控制台中显示它的信息
$scope.$broadcast('schemaFormRedraw')
});
*/
var app=angular.module('test',['schemaForm']);
app.controller('FormController',函数($scope,$http){
$scope.schema={
//这里有一长串文本
};
$scope.form=[
"*",
{
键入:“提交”,
标题:“保存”
}
];
$scope.model={};
})

使用角度时,以角度的方式做事很好。所以首先,您应该使用angular的$http来加载文件,而不是jQuery的
$.getJSON
。因此,在控制器中,您可以执行以下操作:

app.controller('FormController', function($scope,$http){
   $http.get("data/order.json").then(
      function success(response) {
        // please note that as this is asynchronous, 
        // the $scope.schema will be available after response
        // has been received but this should be ok
        $scope.schema = angular.fromJson(response.data);
      },
      function error(response) { /* handle error */ });
   // do other stuff
});
那就有帮助了

<> P>使用角度,还有其他的事情要考虑,但是值得花一些时间熟悉角度的方法并从中快速受益。


更有用的是使用而不是
$http
,因为它专门用于处理json(实际上还有REST)。

非常有魅力,非常感谢!我肯定会研究角度的概念,这是我需要的方向。