显示另一个事业部时，我点击了以前事业部

按钮我有两个<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

显示另一个事业部时，我点击了以前事业部

回答

相关问题