Javascript 角形$watch<；按钮>；价值

我有两个按钮，就像广播组一样。基本上：如果我点击一个按钮，它是活动的，它的值由Angular$.watch（）监视

我用了真正的单选按钮：

HTML

上面的代码按预期工作。现在，我想让它与以下HTML一起工作：

 <form id="switch-view">
                   <button class="btn btn-primary active" id="dash-btn-collection" ng-model="srcUrl" value="/me/has">Label 1</button>
                   <button class="btn btn-primary violet" id="dash-btn-wantlist" ng-model="srcUrl" value="/me/wants">Label 2</button>

                </form>

标签1
标签2

---

有什么想法吗？

所以你想有一种像收音机一样的行为，可能是这样的：

<form id="switch-view">
  <button class="btn btn-primary active" id="dash-btn-collection" ng-click="srcUrl = URL.HAS" ng-class="{'active': srcUrl == URL.HAS}">Label 1</button>
  <button class="btn btn-primary violet" id="dash-btn-wantlist" ng-click="srcUrl = URL.WANTS" ng-class="{'active': srcUrl == URL.WANTS}">Label 2</button>    
</form>

标签1
标签2

css类“active”表示当前处于活动状态的按钮

---

可能您想删除监视程序并使用

ngClick

触发数据加载，只需设置该值即可：

<form id="switch-view">
    <button class="... active" id="dash-btn-collection" ng-click="srcUrl='/me/has' " >Label 1</button>
    <button class="... violet" id="dash-btn-wantlist" ng-click="srcUrl='/me/wants' " >Label 2</button>

 </form>

标签1
标签2

我在发布SO之前尝试过，但没有效果，我不知道为什么。。。无论如何，我也需要ng类的东西，所以我选择你的答案：）想详细说明为什么这需要被否决吗？

<form id="switch-view">
  <button class="btn btn-primary active" id="dash-btn-collection" ng-click="srcUrl = URL.HAS" ng-class="{'active': srcUrl == URL.HAS}">Label 1</button>
  <button class="btn btn-primary violet" id="dash-btn-wantlist" ng-click="srcUrl = URL.WANTS" ng-class="{'active': srcUrl == URL.WANTS}">Label 2</button>    
</form>

<form id="switch-view">
    <button class="... active" id="dash-btn-collection" ng-click="srcUrl='/me/has' " >Label 1</button>
    <button class="... violet" id="dash-btn-wantlist" ng-click="srcUrl='/me/wants' " >Label 2</button>

 </form>