Javascript 我怎样才能显示“a”；“注销”按钮；如果我点击AngularJS中的图标

单击图标时如何显示注销按钮

home.html：

<div class="icon-bar">
  <div class="logout"> 
    <img src="/Login/images/login.png" ng-model="logout">
    <div class="check-element animate-hide" ng-show="logout">
      <button>Logout</button>
    </div>
    <div class="check-element animate-hide" ng-hide="logout">
    </div>      
  </div>
<div>

注销

单击图标时，我希望注销按钮显示为“下拉列表”

我想把逻辑放在控制器里

---

抱歉，我知道这是一项简单的任务，但我对angular js完全陌生：//

您可以在图像上添加

ng单击
。这将调用一个函数，该函数将切换变量
logout

您还可以将
logout=！直接在
ng指令内注销
，单击
指令

下拉效果必须使用css/js完成。这与AngularJS无关


var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.logout=false；
$scope.toggleLogout=函数（）{
$scope.logout=！$scope.logout；
}
});

注销
您可以添加
ng单击图像上的
。这将调用一个函数，该函数将切换变量
logout

您还可以将
logout=！直接在
ng指令内注销
，单击
指令

下拉效果必须使用css/js完成。这与AngularJS无关


var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.logout=false；
$scope.toggleLogout=函数（）{
$scope.logout=！$scope.logout；
}
});

注销
我在这里使用：当你点击你的图像时，它会改变
注销的值（真->假；假->真）。您的
ng show
/
ng hide
将按预期工作

<div class="logout"> 
    <img src="/Login/images/login.png" ng-click="logout = !logout">
    <div class="check-element animate-hide" ng-show="logout">
        <button>Logout</button>
    </div>
    <div class="check-element animate-hide" ng-hide="logout">
        logout is {{logout}}
    </div>      
</div>


注销
注销是{{logout}

我在这里使用：当你点击你的图像时，它会改变
注销的值（真->假；假->真）。您的
ng show
/
ng hide
将按预期工作

<div class="logout"> 
    <img src="/Login/images/login.png" ng-click="logout = !logout">
    <div class="check-element animate-hide" ng-show="logout">
        <button>Logout</button>
    </div>
    <div class="check-element animate-hide" ng-hide="logout">
        logout is {{logout}}
    </div>      
</div>


注销
注销是{{logout}

下拉列表
效果将在
CSS
中完成，下面是一个示例，下次尝试google first=）。顺便说一句，你所寻求的效果与角度无关。它要么是CSS，要么是JavaScript，要么两者都有。下拉列表的效果将在
CSS
中完成。下面是一个例子，下次尝试google first=）。顺便说一句，你所寻求的效果与角度无关。它要么是CSS，要么是JavaScript，要么两者都是。甚至比你更简单：）我也像你一样尝试过，但以我的例子来说，logout变量不会设置为true或false:O如果我用logout is{{{logout}测试它，变量将不会被赋值为true或false://
logout is{logout}
只打印变量，它不会影响它的值如果我单击了图像，它将不会显示按钮：/logout按钮不是hide initial:/此代码有效，请尝试小提琴。：）@Kai：这是没有必要的，默认情况下，
logout==undefined
，
ng show=“logout”
不会是
true
。甚至比你更简单：）我也像你一样尝试过，但就我的例子来说，logout变量不会设置为true或false:O如果我用logout测试它是{{logout}变量不会被赋值为true或false://
注销为{{{logout}
仅打印变量，它不会影响其值如果我单击了图像，它将不会显示按钮：/logout按钮不是隐藏首字母：/此代码有效，请尝试小提琴。）@Kai：这是不必要的，默认情况下，
logout==undefined
，
ng show=“logout”
不会是
真的。