Question

我想知道是否可以使用角度来填充订单中的表单（输入），但让它们相互构建（首先不要显示所有内容）。对于我的例子（仍然试图学习角度），用户可以从下拉列表中选择一些东西，然后这将导致输入字段出现，然后一旦填充了它将使另一个出现？我想这可以通过ng-show完成，但我不确定。我有一个吸烟者，我正在尝试它，但还没有得到它的工作。 Plunker here.

这是这里的掠夺者的身体。您可以看到select和2个输入字段：

<body ng-app="timeExample">
  <select id="type" ng-model="type">
    <option value="" disabled selected>Choose Type</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
  </select>
<script>
  angular.module('numberExample', [])
    .controller('ExampleController', ['$scope', function($scope) {
      $scope.example = {
        value: 12
      };
    }]);
</script>
<form name="myForm" ng-controller="ExampleController">
  <label>Number:
    <input type="number" name="input" ng-model="example.value"
           min="0" max="99" required>
 </label>
  <div role="alert">
    <span class="error" ng-show="myForm.input.$error.required">
      Required!</span>
    <span class="error" ng-show="myForm.input.$error.number">
      Not valid number!</span>
  </div>
  <tt>value = {{example.value}}</tt><br/>

 </form>

  <form name="myForm" ng-controller="DateController as dateCtrl">
    <input type="time" id="exampleInput" name="input" ng-model="example.value" placeholder="HH:mm:ss" required />
    <div role="alert">
      <span class="error" ng-show="myForm.input.$error.required">
         Required!</span>
      <span class="error" ng-show="myForm.input.$error.time">
         Not a valid date!</span>
    </div>
    <tt>value = {{example.value | date: "HH:mm:ss"}}</tt>
    <br/>

  </form>
    <script>
    angular.module('timeExample', [])
      .controller('DateController', ['$scope',
        function($scope) {
          $scope.example = {
            value: new Date(1970, 0, 1, 14, 57, 0)
          };
        }
      ]);
  </script>
</body>

此外，我还不知道如何处理脚本。我可以把它们放在js文件中吗？

在完成前一个表单后，使表单显示

0 个答案: