如何在angularjs中切换内联div元素?ng开关或ng hde或ng show

我只需要根据某种类型的事件切换div方向。它可以是onclick，ng switch，ng show，ng hide。请给我看一个有效的。我不想使用ng-include。

   <body ng-app="mdoApp"ng-init="getValue='1'">
    <label>type a number(1 to 3):
    <input type="text" ng-model="getValue" />
    </label>
    <div class="div_contain1" ng-switch="getValue">
    <span ng-switch-when="1"ng-hide=""><div class="div_p2">PART 3</div>
    <div class="div_p2">  PART 2</div><div class="div_p1"> PART 1</div></span>
    <span ng-switch-when="2" ng-hide=""><div class="div_p2">PART 3</div>
    <div class="div_p1"> PART 2</div><div class="div_p1"> PART 1</div></span>
    <span ng-switch-when="3" ng-hide=""><div class="div_p1">PART 3</div>
    <div class="div_p1"> PART 2</div><div class="div_p1"> PART 1</div></span>
    <span ng-switch-default="1"><div class="div_p2">PART 3</div>
    <div class="div_p2"> PART 2</div><div class="div_p1"> PART 1</div></span>
    </div>

好的，我想做的是在提交表单时切换div面板。最好是在提交表单数据的点击事件期间。每个部分代表一个新的形式或问题。因此，当用户完成注册的一部分时，将通过在顶部看到他们移动到注册的下一部分的图形表示来通知用户。因此，第1部分，第2部分，第3部分。

好的，这是操纵div层的另一次尝试：

`<!DOCTYPE HTML>
  <html>
   <head>
<title>Untitled 31</title>
     <script type="text/javascript" src="angular.min.js"></script>
       </head>
    <body>
   <div ng-app="showApp" ng-init="showDiv='1'">
  <div ng-controller="showView">
  <label>type a number(1 to 3):
  <input type="text" ng-controller ="showView" ng-model="showDiv" />
  </label>
   <div ng-show="divA">con1</div>
   <div ng-show="divB">con2</div>
   <div ng-show="divC">con3</div>
   </div></div><p></p> 
   <script>
   var app = angular.module('showApp', []);
   app.controller('showView', function(showDiv, $scope){
   return{
   If (showDiv === 1){
    $scope.divA = true;
    $scope.divB = false;
    $scope.divC = false;  
   }   
   If (showDiv === 2){
   $scope.divA = false;
   $scope.divB = true;
    $scope.divC = false;
  }   
  If (showDiv === 3){
   $scope.divA = false;
   $scope.divB = false;
   $scope.divC = true;
   }  
   }
   });
   </script>
   </body>
    </html> `

"开关div方向"

我不知道你说的是什么意思。但你应该知道你在谈论的每一个事件是什么：

onclickhttps://docs.angularjs.org/api/ng/directive/ngClick

ng开关https://docs.angularjs.org/api/ng/directive/ngSwitch

ng节目https://docs.angularjs.org/api/ng/directive/ngShow

ng隐藏https://docs.angularjs.org/api/ng/directive/ngHide

一旦你更清楚地定义了你想要的方向，你就能更好地解决这个问题。例如，如果您希望在作用域变量打开时显示div，那么ng-show非常容易使用。如果在执行单击时需要执行更多操作，那么可以很容易地使用ng-click调用函数。如果你能更多地定义你的目标，我可以做一个小提琴手。

相关内容

最新更新

热门标签：