顯示另一個事業部時，我點擊了以前事業部

按鈕我有兩個<div>在我的HTML文件。第一個<div>包含一個按鈕，當我點擊時應該顯示其他div並會隱藏第一個。我的代碼是這樣的：顯示另一個事業部時，我點擊了以前事業部

<div class="container" ng-hide="showme"> 
    <p>Quick</p> 
    <button class="button" ng-click="showme=true" >Edit</button> 
</div> 
<div class="container" ng-show="showme"> 
    <p>Congratulations!</p> 
</div>

我怎麼可能做到這一點？

來源

2016-09-28 bleykFaust

你有任何JavaScript？ –

@JoeyWood我沒有JavaScript的又 – bleykFaust

這是與jQuery 更容易只寫

$(document).ready(function(){ 
     $("#Button-id").click(function(){ 
      $(this).parent().css("display","none"); 
      $(this).parent().next().css("display","block"); 
     }); 
    });

https://jsfiddle.net/sy1x1xm9/

來源

2016-09-28 02:01:34

感謝這個工作，但我忘了提，我使用angularjs。順便說一句，我可以用這個壽，但它似乎JavaScript是調用類的按鈕，我與同班幾個按鈕，我嘗試添加ID和被叫的ID上的JavaScript，但它似乎不工作 – bleykFaust

對不起，我是一個angularjs初學者 –

但等待爲什麼id不起作用？ –

在JavaScript只需創建一個變量。

var showme = false;

隨後的onclick添加一個按鈕，更新SHOWME值

來源

2016-09-28 02:13:50

你的代碼似乎沒有錯，所以什麼問題了嗎？結合到ng-show的showme意味着$scope.showme，你需要在你的控制器注入$scope，如果你想顯示你的按鈕init.you應該定義$scope.showme = true

來源

2016-09-28 03:53:41

@Qlsoa它不工作 – bleykFaust

你可以看到thie代碼[代碼地址]（http://plnkr.co/edit/a39tguEWwb0jGACkp6vE?p=info） –

這是爲什麼不工作，y代碼？我已經在我的控制器中聲明範圍showme並將其聲明爲false，但這仍然不起作用 – bleykFaust

集SHOWME在你的控制器範圍變量或指令用於取作爲

$ scope.showme = TRUE;

然後用這個範圍的變量在視圖中更新DOM：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
    <body> 

    <div ng-app="myApp" ng-controller="myCtrl"> 

     <div class="container" ng-hide="showme"> 
      <p>Quick</p> 
      <button class="button" ng-click="showme=true">Edit</button> 
     </div> 
     <div class="container" ng-show="showme"> 
      <p>Congratulations!</p> 
     </div> 
    </div> 

    <script> 
    var app = angular.module('myApp', []); 
    app.controller('myCtrl', function($scope) { 

      $scope.show = true; 
    }); 
    </script>

希望這有助於

來源

2016-09-28 04:54:51 Prajwal

顯示另一個事業部時，我點擊了以前事業部

回答

相關問題