“Comment masquer DIV en fonction de la sélection de la liste déroulante dans Angular JS” Réponses codées

Comment masquer DIV en fonction de la sélection de la liste déroulante dans Angular JS

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
    <div>
        <p>Course Type</p>
        <div>
            <select name="student-type" id="student-type" class="icon-select-down" ng-model="studentType"
                ng-change="getOption(this)">
                <option value="java" selected>Java</option>
                <option value="angularjs">Angular js</option>
                <option value="reactJs">React js</option>
            </select>
        </div>
    </div>

    <div ng-if="showInput">
        <p>Attendence Days</p>
        <div class="slice-item">
            <input type="text" class="input input-text" ng-model="attendenceDays" required validate-on="blur"
                ng-pattern="/^([1-9]|10)$/" invalid-message="'You must enter number between 1 to 25'" />
        </div>
    </div>
</div>
SAMER SAEID

Comment masquer DIV en fonction de la sélection de la liste déroulante dans Angular JS

var app = angular.module('myApp', []);
app.controller('myCtrl', function ($scope) {
    // $scope.showInput = true;
    // $scope.getOption = function (value) {
    //     if (value.studentType == "angularjs") {
    //         $scope.showInput = false;
    //     }
    // };
});
SAMER SAEID

Réponses similaires à “Comment masquer DIV en fonction de la sélection de la liste déroulante dans Angular JS”

Questions similaires à “Comment masquer DIV en fonction de la sélection de la liste déroulante dans Angular JS”

Plus de réponses similaires à “Comment masquer DIV en fonction de la sélection de la liste déroulante dans Angular JS” dans JavaScript

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code