Fatal编程技术网
  • angularjs/
  • Angularjs 如何以角度逐个显示元素

Angularjs 如何以角度逐个显示元素

angularjs

Angularjs 如何以角度逐个显示元素,angularjs,Angularjs,我想知道如何处理角度，以便在单击按钮时一次显示一个元素。 默认情况下，项目是隐藏的，当不再有元素时，按钮是隐藏的 第一步 div one-->始终显示 第二分区-->隐藏 第三分区-->隐藏 按钮-->单击 第二步 div one-->始终显示 第二分区-->可见 第三分区-->隐藏 按钮-->单击 第三步 div one-->始终显示 第二分区-->可见 第三分区-->可见 按钮-->单击-->隐藏 这是我的例子： 但示例中的两个隐藏项在第一次单击时显示 <body ng-control

我想知道如何处理角度，以便在单击按钮时一次显示一个元素。 默认情况下，项目是隐藏的，当不再有元素时，按钮是隐藏的

第一步

div one-->始终显示

第二分区-->隐藏

第三分区-->隐藏

按钮-->单击

第二步

div one-->始终显示

第二分区-->可见

第三分区-->隐藏

按钮-->单击

第三步

div one-->始终显示

第二分区-->可见

第三分区-->可见

按钮-->单击-->隐藏

这是我的例子： 但示例中的两个隐藏项在第一次单击时显示

<body ng-controller="MainCtrl">
  <div><input type="text" placeholder="first input"></div>
  <div ng-show="state.show"><input type="text" placeholder="second input"></div>
  <div ng-show="state.show"><input type="text" placeholder="third input"></div>
  <button ng-click="state.show=!state.show">Add input</button>
</body>


添加输入
提前感谢您的所有回答，这些回答可以帮助我

您可以通过维护一个计数器来做到这一点：

$scope.show = 0;
$scope.incrementState = function () {
  $scope.show++;
}
然后在HTML中：

<div ng-show="show >= 1"><input type="text" placeholder="second input"></div>
<div ng-show="show >= 2"><input type="text" placeholder="third input"></div>
在控制器中：
this.inputs=[“first”]

谢谢@Explosion Pills的回复。 
<body ng-controller="MainCtrl as main">
  <div ng-repeat="input in main.inputs track by $index">
    <input type="text" placeholder="first input">
  </div>

  <button ng-click="main.inputs.push('another')">Add input</button>