如何在另一个标签中执行ng-show?

时间:2015-07-15 08:06:39

标签: angularjs

如何在第二个标签上显示验证错误? 我正在学习angularJS验证,以下是这种情况: 我为所有情况创建了一个带有不同输入标签的大表单,它可以是输入,选择,复选框。我用ng-show验证它,例如:

<form name="MyForm">
  <label>My Name:</label>
      <input type="text" name="name" class="form-control" ng-model="value" required>
      <span ng-show="MyForm.name.$error.required">This field is required</span>
...

因此当该字段为空时,它告诉我它是必需的。

但是我将此表单中的所有信息输出到第二个选项卡(使用ui-router视图): 第一个选项卡从我的表单中获取信息并将其放入LocalStorage,而不是转到第二个选项卡并使用ng-repeat显示LocalStorage中的所有信息。 但是如果第二个标签上的某些字段是空的怎么说? 如何绑定这两个选项卡,我应该使用ng-show,还是有其他解决方案?

结果应为:

TAB1:

<form name="MyForm">
<input name="name" required>   // input Mick
<input name="Last Name" required>  // leave empty

TAB2:

  • 姓名:Mick
  • 姓氏:此字段是必填字段

对不起我的英文,我怎么一切都很清楚

请点击链接:http://embed.plnkr.co/RlbB49J6LlTrMiHEcSZQ/preview

0 个答案:

没有答案