热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

无法使用uib-tabset正确创建选项卡-unabletocreatetabsproperlywithuib-tabset

Ivebeentryingtocreatetabsdynamicallywithuib-tabsetandeachtabshouldcontaindifferentfo

I've been trying to create tabs dynamically with uib-tabset and each tab should contain different form but in my case textbox of first form gets overwritten by new tab generated (if i enter data in one form it gets replicated to other forms). I want all tabs to contain different data.

我一直在尝试使用uib-tabset动态创建选项卡,每个选项卡应包含不同的表单,但在我的情况下,第一个表单的文本框会被生成的新选项卡覆盖(如果我在一个表单中输入数据,它会被复制到其他表单)。我希望所有标签包含不同的数据。



  
    {{tab.value}} 
 
 
Submit

2 个解决方案

#1


1  

Below is corrected code, you need to add the model properties in the same tab object. and you have used ng-if="tab.display" at uib-tab which is hiding all the other tabs, this should be removed.

下面是更正后的代码,您需要在同一个选项卡对象中添加模型属性。并且您在uib-tab上使用了ng-if =“tab.display”,它隐藏了所有其他选项卡,这应该被删除。



 
   {{tab.value}} 
   
 
 

#2


0  

I just made use uib-tabset default attributes for show hide , so we just don't require ng-click="selectTab($index)" as it is used in below line

我刚刚为show hide使用了uib-tabset默认属性,所以我们只是不需要ng-click =“selectTab($ index)”,因为它在下面的行中使用


I used as it automatically creates the corresponding dom elements. refer below code. Also, created one plunkr for it https://plnkr.co/edit/QxcOyFir8oYS53asDlMN?p=preview

我使用 ,因为它会自动创建相应的dom元素。参考下面的代码。另外,为它创建了一个plunkr https://plnkr.co/edit/QxcOyFir8oYS53asDlMN?p=preview




  
    {{tab.title}} 
 
 

Hope this solves your problem. Here, different form get different data. Data inserted in one form is not overwritten to another.

希望这能解决你的问题。这里,不同的表格获得不同的数据。以一种形式插入的数据不会被覆盖到另一种形式。


推荐阅读
  • 本文讨论了如何在codeigniter中识别来自angularjs的请求,并提供了两种方法的代码示例。作者尝试了$this->input->is_ajax_request()和自定义函数is_ajax(),但都没有成功。最后,作者展示了一个ajax请求的示例代码。 ... [详细]
  • IjustinheritedsomewebpageswhichusesMooTools.IneverusedMooTools.NowIneedtoaddsomef ... [详细]
  • 本文讨论了一个关于cuowu类的问题,作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案,并给出了两个可能导致错误的原因。 ... [详细]
  • 本文主要解析了Open judge C16H问题中涉及到的Magical Balls的快速幂和逆元算法,并给出了问题的解析和解决方法。详细介绍了问题的背景和规则,并给出了相应的算法解析和实现步骤。通过本文的解析,读者可以更好地理解和解决Open judge C16H问题中的Magical Balls部分。 ... [详细]
  • Python正则表达式学习记录及常用方法
    本文记录了学习Python正则表达式的过程,介绍了re模块的常用方法re.search,并解释了rawstring的作用。正则表达式是一种方便检查字符串匹配模式的工具,通过本文的学习可以掌握Python中使用正则表达式的基本方法。 ... [详细]
  • 前景:当UI一个查询条件为多项选择,或录入多个条件的时候,比如查询所有名称里面包含以下动态条件,需要模糊查询里面每一项时比如是这样一个数组条件:newstring[]{兴业银行, ... [详细]
  • 本文介绍了闭包的定义和运转机制,重点解释了闭包如何能够接触外部函数的作用域中的变量。通过词法作用域的查找规则,闭包可以访问外部函数的作用域。同时还提到了闭包的作用和影响。 ... [详细]
  • PHP图片截取方法及应用实例
    本文介绍了使用PHP动态切割JPEG图片的方法,并提供了应用实例,包括截取视频图、提取文章内容中的图片地址、裁切图片等问题。详细介绍了相关的PHP函数和参数的使用,以及图片切割的具体步骤。同时,还提供了一些注意事项和优化建议。通过本文的学习,读者可以掌握PHP图片截取的技巧,实现自己的需求。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文介绍了C#中生成随机数的三种方法,并分析了其中存在的问题。首先介绍了使用Random类生成随机数的默认方法,但在高并发情况下可能会出现重复的情况。接着通过循环生成了一系列随机数,进一步突显了这个问题。文章指出,随机数生成在任何编程语言中都是必备的功能,但Random类生成的随机数并不可靠。最后,提出了需要寻找其他可靠的随机数生成方法的建议。 ... [详细]
  • 本文介绍了九度OnlineJudge中的1002题目“Grading”的解决方法。该题目要求设计一个公平的评分过程,将每个考题分配给3个独立的专家,如果他们的评分不一致,则需要请一位裁判做出最终决定。文章详细描述了评分规则,并给出了解决该问题的程序。 ... [详细]
  • ZSI.generate.Wsdl2PythonError: unsupported local simpleType restriction ... [详细]
  • 个人学习使用:谨慎参考1Client类importcom.thoughtworks.gauge.Step;importcom.thoughtworks.gauge.T ... [详细]
  • 本文介绍了Swing组件的用法,重点讲解了图标接口的定义和创建方法。图标接口用来将图标与各种组件相关联,可以是简单的绘画或使用磁盘上的GIF格式图像。文章详细介绍了图标接口的属性和绘制方法,并给出了一个菱形图标的实现示例。该示例可以配置图标的尺寸、颜色和填充状态。 ... [详细]
  • 网址:https:vue.docschina.orgv2guideforms.html表单input绑定基础用法可以通过使用v-model指令,在 ... [详细]
author-avatar
mobiledu2502869017
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有