html - 使用带有按钮的 ng-switch

标签 html angularjs ng-switch

我尝试将 ng-switch 与 2 个按钮一起使用,以便根据单击的按钮显示 HTML 元素。我还没有见过这样的例子

到目前为止,这是我的代码:

<button name="withdraw" ng-click="type(name)">Withdraw</button>
<button name="enter" ng-click="type(name)">Enter Amount to Withdraw</button>
<hr>

<div ng-switch="type(name)">
        <div ng-switch-when="withdraw">
            //code
        </div>
        <div ng-switch-when="enter">
            //code
        </div>
</div>

最佳答案

如果您使用相关按钮,请使用单选按钮。

  <input type="radio" ng-model="myVar" value="withdraw">withdraw
  <input type="radio" ng-model="myVar" value="enter"> enter

在条件中使用模型值

 <div ng-switch="myVar">
      <div ng-switch-when="withdraw">
         <h1>withdraw</h1>
      </div>
      <div ng-switch-when="enter">
         <h1>enter</h1>
      </div>

</div>

关于html - 使用带有按钮的 ng-switch,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45750920/

相关文章:

html - 应该在哪里设置网站的语言?

html - SELECT 元素中的图像

javascript - 如何编写通过选择器切换类的 Angular Directive(指令)

javascript - 在方法中看不到对象数组。 ( Angular )

javascript - ng-switch 不适用于 angular-ui typeahead

angular - 如何在 Angular 2 中的 ngSwitchCase 之后获取对组件的引用?

javascript - 如何在点击时旋转箭头?

html - 只有 2 个单元格的响应式 css-grid

javascript - 如何在 Angular 2 的类方法中访问ajax数据

angularjs - ng-if,不等于?