我已经为此工作了一段时间,无法弄清楚为什么它不起作用。这是我试图创建的效果- http://plnkr.co/edit/RAeIwFbn2Zoe9WfLdMX8?p=preview。我希望创建一个标签栏,点击它会显示不同的信息。
这是我到目前为止的代码,但由于某种原因它不起作用:
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>
JS
我的角度代码看起来像这样。
this.panelTabs = [
{
name: "package-price",
tabNum: 1
},
{
name: "package-description",
tabNum: 2
}
];
我已经阅读了各种答案并尝试了很多东西,但我觉得这一定是我想念的愚蠢的东西。任何帮助将不胜感激。
谢谢,保罗