angularjs - 设置范围值点击 Angular ?

标签 angularjs

我正在尝试以 Angular 进行切换,我不明白为什么它不起作用。

我希望当我点击 a 标签时,应该显示较低的 div。

                <div>
                    <a href="#" ng-click='member = mathieu' class="mathieu">Lorem<br />Ipsum<span>Click for more</span></a>
                </div>

            <div ng-switch="member">
                <div ng-switch-when="mathieu">
                    <h3>Lorem ipsum</h3>
                </div>
            </div>

最佳答案

是的,这有效。我已经整理了一个快速的 plunkr 来测试它:

http://plnkr.co/edit/9JqxRNC9X5U2bJrkbxZ9?p=preview

<!DOCTYPE html>
<html ng-app="plunker">

<head>
  <meta charset="utf-8" />
  <title>AngularJS Plunker</title>
  <script data-require="angular.js@1.2.x" src="http://code.angularjs.org/1.2.1/angular.js" data-semver="1.2.1"></script>
  <script src="app.js"></script>
</head>

<body>


  <a href="#" ng-click="member = 'mathieu'" class="mathieu">Lorem Ipsum                <span>Click for more</span>
      </a>
  <br />
  <a href="#" ng-click="member = ''" class="mathieu">
    <span>Click to reset</span>
  </a>
  </div>
  <div ng-switch="member">
    <div ng-switch-when="mathieu">
      <h3>Lorem ipsum</h3>
    </div>
  </div>
</body>

</html>

关于angularjs - 设置范围值点击 Angular ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20126484/

相关文章:

javascript - JSON 与 '-' 在 Angular js 的关键阅读

javascript - Cookie 未出现在 Chrome 控制台的“资源”选项卡中

javascript - AngularJS + RequireJS 模块定义

angularjs - 手动访问资源数组的元素不返回任何内容

javascript - AngularJS slider 范围值没有显示在上面?

AngularJS 循环依赖

html - Angularjs 选择对象的 ng-model 绑定(bind)

AngularJS - 错误 : [$rootscope:infdig] 10 $digest() iterations reached

javascript - 找不到模板-使用 angularjs ngCart 构建电子商务购物车

javascript - 如何在 Angular JS 中将值从 View 传递到 Controller ?