javascript - Angular 点击文本显示 div 标签

Question

我想知道如何使用 Angular 完成此操作，因为似乎可以使用 ng-click，然后 ng-model 似乎可以使用。

我想点击文本，然后让一个 div 显示它的内容，但它不起作用

我的 fiddle https://jsfiddle.net/gdxwtoL7/

<div class="well" ng-controller="MyController">
    <a class="btn btn-primary" ng-model="selMe" ng-click="handleAnchorClick()">Enter Address</a>
</div>
<br>
<br>
<div ng-if="selMe">
      adfadf
</div>

简单的模块和 Controller

  angular.module('myapp', []);
  angular.module('myapp').controller('MyController', MyController)

  function MyController($scope) {

  }

Answer 1

您没有在 ng-click 函数内部执行任何操作，并且 Controller 外部的 ng-if 已链接到其中的变量。

https://jsfiddle.net/gdxwtoL7/1/

HTML

<div class="well" ng-controller="MyController">
<a class="btn btn-primary" ng-click="handleAnchorClick()">Enter Address</a>
<br>
<br>
  <div ng-if="selMe">
    adfadf
  </div>
</div>

JS

angular.module('myapp', []);

angular.module('myapp').controller('MyController', MyController)

function MyController($scope) {
 $scope.handleAnchorClick = function () {
   $scope.selMe = true
 }
}