“So verbergen Sie DIV basierend auf der Dropdown in Angular JS aus” Code-Antworten

So verbergen Sie DIV basierend auf der Dropdown in Angular JS aus

<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

So verbergen Sie DIV basierend auf der Dropdown in Angular JS aus

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

Ähnliche Antworten wie “So verbergen Sie DIV basierend auf der Dropdown in Angular JS aus”

Fragen ähnlich wie “So verbergen Sie DIV basierend auf der Dropdown in Angular JS aus”

Weitere verwandte Antworten zu “So verbergen Sie DIV basierend auf der Dropdown in Angular JS aus” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen