Javascript 如何在angular js中从json生成表单?
我使用jquery dform插件制作了一个表单。dform插件将json对象转换为HTML marmlup表单。所以现在我使用angular,我们可以有任何API将相同的东西表示json转换为HTML表单。我看了看,但没有发现任何东西。但是jquery提供了这个插件。我可以直接使用这个插件吗? angular中是否有将json转换为表单的APIJavascript 如何在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
谢谢据我所知,没有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>