Question

我最近一直在修改AngularJS，但我遇到了一些麻烦。我有一个表单，用户可以在其中选择3个选项：

   <select name="multipleSelect" id="multipleSelect" ng-model="data.multipleSelect">
            <option value="eenmalig" ng-click=data()>Eenmalig</option>
            <option value="maandelijks" ng-click=data()>Maandelijks</option>
            <option value="wekelijks" ng-click=data()>Wekelijks</option>
          </select>
        </label>

现在，根据他们选择哪一个，某些事情需要出现......

            <label class="item item-input" ng-show="showDateInput">
        <span class="input-label" >Start datum</span>
        <input type="date"> 
        </label>
        <label class="item item-input" ng-show="showDateInput">
        <span class="input-label">Eind datum</span>
        <input type="date">
        </label>

因此，3个选项的输入需要确定是否会显示这些日期输入。

在尝试了很多事情之后，我最终在控制器中找到了这个

 $scope.data = function(data){
 multipleSelect: []

 if($scope.data.multipleSelect === "wekelijks"){
showDateInput = true;
 }
 if($scope.data.multipleSelect === "maandelijks"){
showDateInput = true;
 }
 };
$scope.showDateInput = false;

有人能指出我正确的方向吗？

一堆谢谢：）

Answer 1

在select标签中使用ng-change。在选项中，ng-click无法工作并尝试以下代码

<select name="multipleSelect" ng-change="data()" id="multipleSelect" ng-model="data.multipleSelect">
            <option value="eenmalig" >Eenmalig</option>
            <option value="maandelijks">Maandelijks</option>
            <option value="wekelijks">Wekelijks</option>
          </select>
        </label>

控制器中的

$scope.data = function(data){
 if($scope.data.multipleSelect === "wekelijks" || $scope.data.multipleSelect === "maandelijks"){
   $scope.showDateInput = true;
 } else {
   $scope.showDateInput = false;
  }

 };
$scope.showDateInput = false;

angularjs如何使用选项选择

1 个答案: