Javascript ng显示带有ng重复的角度选项卡

我已经在这方面工作了一段时间，现在无法理解为什么它不起作用。是我试图创造的效果-。我希望创建一个选项卡栏，当点击时会显示不同的信息

这是我到目前为止所拥有的代码，但由于某些原因，它无法工作：

HTML

<ul class="nav nav-pills">
 <li ng-repeat="tablet in Packages.panelTabs">
    <a href ng-click="tab = tablet.tabNum"> 
      {{tablet.name}}
    </a>
 </li>
    <p ng-show="tab === 1"> Tab1 content </p>           
    <p ng-show="tab === 2"> Tab2 content</p> 
 </ul>

我读过各种各样的答案，尝试过很多东西，但我觉得一定是我错过了一些愚蠢的东西。任何帮助都将不胜感激

---

谢谢，Paul在设置

选项卡
模型时，请使用
$parent
关键字在父范围内声明它。每次迭代
ng repeat
指令的原因都会创建一个新的原型继承范围

标记

<li ng-repeat="tablet in Packages.panelTabs">
   <a href ng-click="$parent.tab = tablet.tabNum"> 
      {{tablet.name}}
   </a>
</li>

<li ng-repeat="tablet in Packages.panelTabs">
   <a href ng-click="Packages.tab = tablet.tabNum"> 
      {{tablet.name}}
   </a>
</li>
<p ng-show="Packages.tab === 1"> Tab1 content </p>           
<p ng-show="Packages.tab === 2"> Tab2 content</p> 

尝试
Packages.tab=tab.tabNum
看起来他可能正在使用
控制器作为
，因此
Packages
而不是
$parent
会更好。@azium在声明时比这更好的是
点规则
model@azium很好的叫喊，把它改成了Packages.tab，它可以工作了，现在更有意义了。非常感谢。both@PankajParkar
controller as
是否强制执行点规则？在第二个示例中，您仍然没有将作为
控制器的整个点的范围称为

<li ng-repeat="tablet in Packages.panelTabs">
   <a href ng-click="Packages.tab = tablet.tabNum"> 
      {{tablet.name}}
   </a>
</li>
<p ng-show="Packages.tab === 1"> Tab1 content </p>           
<p ng-show="Packages.tab === 2"> Tab2 content</p>