根据视图中的按钮单击切换内容

Question

我有一个小角度的应用程序，我被困在看似简单的东西！ （这里有角度新）。

方案： 我在页面上有两个按钮，可以切换其相关内容的显示。

很少有事情需要发生：

按钮： 1.应该是页面加载时的活动按钮（也显示其适当的内容） 2.单击其他按钮时，应更改活动状态（对于按钮和相关内容） 3.如果单击活动按钮，则不会发生任何事情。它应该保持活跃。

无法弄清楚如何做到这一点。所有帮助表示赞赏。

代码

<div class="toggle-btns">
  <button class="toggle-btns__btn toggle-btns__btn--active">Button 1</button>
  <button class="toggle-btns__btn" >Button 2</button>
</div>
<div class="content-one">
  <!-- content here -->
</div>
<div class="content-two">
  <!-- content here -->
</div>

Answer 1

实际上有1 000 000种方法。 在视图中使用数据绑定的一种方法：

int _$[] = {-1,};

Plnkr：http://plnkr.co/edit/bVK9VUum7KRLNccgPc5D?p=preview