Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.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 如何在angular js中从json生成表单?_Javascript_Jquery_Angularjs - Fatal编程技术网

Javascript 如何在angular js中从json生成表单?

Javascript 如何在angular js中从json生成表单?,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我使用jquery dform插件制作了一个表单。dform插件将json对象转换为HTML marmlup表单。所以现在我使用angular,我们可以有任何API将相同的东西表示json转换为HTML表单。我看了看,但没有发现任何东西。但是jquery提供了这个插件。我可以直接使用这个插件吗? angular中是否有将json转换为表单的API 谢谢据我所知,没有angular API或第三方软件包(如果我错了,请纠正我) 但是你可以很容易地在你的应用程序中使用现有的jQuery插件——以A

我使用jquery dform插件制作了一个表单。dform插件将json对象转换为HTML marmlup表单。所以现在我使用angular,我们可以有任何API将相同的东西表示json转换为HTML表单。我看了看,但没有发现任何东西。但是jquery提供了这个插件。我可以直接使用这个插件吗?

angular中是否有将json转换为表单的API


谢谢

据我所知,没有angular API或第三方软件包(如果我错了,请纠正我)

但是你可以很容易地在你的应用程序中使用现有的jQuery插件——以AngularJS的方式——将它包装成一个
指令

yourModule.directive('dform', function() {
  return {
    scope: {
      action: '@'
      method: '@'
      html: '='
    },
    link: function(scope, elm, attrs) {
      elm.dform({
          "action" : scope.action,
          "method" : scope.method,
          "html" : scope.html
      });
    }
  };
})
然后你可以像这样使用指令:

<div dform action="index.html" method="get" html="fields"></div>

然后将数据(代码中的
html
)放入后台控制器的
字段中。这就是将逻辑和视图分开的方式

所有这些代码都只是为了演示如何执行此操作。您可能需要进行一些调整,以使它们与您的应用程序配合使用。而jQuery仍然需要插件才能工作

编辑


以下是演示解决方案的示例。

这不是角度方式:角度方式将表示和逻辑分离,因此通过逻辑生成视图(而不是简单的数据重复)不是传统的角度方式。没有一个“众所周知的”软件包可以做到这一点,尽管这并没有说明是否存在第三方pkg。我将如何使用这个插件你有没有读过我说的话?你能不能请five Plunk…谢谢你的回答只举一个简单的例子,这样我就不会理解了properly@user3665790所以上面的代码不是一个“简单的例子”?如果你有具体的问题,我很乐意回答。谢谢你的回答。我只是想用指令make a form做一个简单的json。我明白你给出了一个好的答案,但是没有plunker是不可能理解的。请做一个简单的plunker。。
<div dform action="index.html" method="get" html="fields"></div>