Javascript AngularJS drag&;拖放可编辑
我是AngularJS的新手,请从核心层面指导我 我的要求是将项目(源)拖放到创建动态树结构(目标)中。请查找附加的屏幕截图 在源代码中,我列出了需要拖动以形成动态树结构的项,其中树中的所有节点都应该是可编辑的 示例1:树结构的创建/编辑 步骤1)从源中选择一个项目并将其拖动到目标 步骤2)在目标端中,将使用默认名称和时间戳创建产品目录。将在产品目录下创建产品。将在“产品”下创建项目。最后选定的项目将被放置在项目下,如屏幕截图所示。此类别下可以添加多个项目 仅供参考:如果在产品级别删除所选项目,则会在同一产品目录下创建另一个产品结构 请让我知道推进的方法 谢谢Javascript AngularJS drag&;拖放可编辑,javascript,jquery,angularjs,drag-and-drop,angular-ui-router,Javascript,Jquery,Angularjs,Drag And Drop,Angular Ui Router,我是AngularJS的新手,请从核心层面指导我 我的要求是将项目(源)拖放到创建动态树结构(目标)中。请查找附加的屏幕截图 在源代码中,我列出了需要拖动以形成动态树结构的项,其中树中的所有节点都应该是可编辑的 示例1:树结构的创建/编辑 步骤1)从源中选择一个项目并将其拖动到目标 步骤2)在目标端中,将使用默认名称和时间戳创建产品目录。将在产品目录下创建产品。将在“产品”下创建项目。最后选定的项目将被放置在项目下,如屏幕截图所示。此类别下可以添加多个项目 仅供参考:如果在产品级别删除所选项目,
vij使用HTML5内容可编辑属性在移动中编辑页面内容,并确保对其进行控制(例如:管理模式) 使用角度控制器中的控制标志允许用户编辑内容 对于拖放,您必须使用第三方插件,并且有很多开源插件可用 要使内容可编辑
<p contenteditable="true">You can edit me!</p>
您可以编辑我
看在上帝的份上
<p contenteditable="isAdminMode">You can edit me!</p>
您可以编辑我
根据情况设置,
$scope.isAdminMode=true | | false
。使用HTML5内容可编辑属性在移动中编辑页面内容,并确保对其进行控制(例如:管理模式)
使用角度控制器中的控制标志允许用户编辑内容
对于拖放,您必须使用第三方插件,并且有很多开源插件可用
要使内容可编辑
<p contenteditable="true">You can edit me!</p>
您可以编辑我
看在上帝的份上
<p contenteditable="isAdminMode">You can edit me!</p>
您可以编辑我
根据情况设置,
$scope.isAdminMode=true | | false
。问题已解决。实际上,我们创建了默认的树结构,在其中,我们在每个子节点和父节点上添加了一个创建节点的选项以及删除选项。问题已经解决。实际上,我们创建了默认的树结构,我们在其中添加了一个选项,可以在每个子节点和父节点上创建节点,并添加了删除选项。感谢vinay的响应。在我使用REST服务的情况下,我将得到JSON结构,我需要在UI中隐藏几个字段,其余字段应该是可编辑的。请举例说明。使用ng if或ng show删除/隐藏视图中的一部分。嗨,Vinay,在将元素放到树结构中时,我需要选择适当的节点,在该节点上添加值。请建议可能的前进方式。在ng-repeat中循环通过集合时,每个节点都有一个索引值。只需使用array.splice(索引,1)删除树中的特定元素即可。确保在数据库中也反映拼接操作。感谢vinay的回复。在我使用REST服务的情况下,我将得到JSON结构,我需要在UI中隐藏几个字段,其余字段应该是可编辑的。请举例说明。使用ng if或ng show删除/隐藏视图中的一部分。嗨,Vinay,在将元素放到树结构中时,我需要选择适当的节点,在该节点上添加值。请建议可能的前进方式。在ng-repeat中循环通过集合时,每个节点都有一个索引值。只需使用array.splice(索引,1)删除树中的特定元素即可。确保在数据库中也反映拼接操作。