Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>AngularJS - ng-show i select</title> </head> <body ng-app="mojApp" ng-controller="MojCtrl"> Odabirom na select izabrati koja stavka popisa će biti prikazana. <br>Primjetiti da je zbog <b>$scope.zivotinja='ptica';</b> SELECT nakon učitanja postavljen na 'ptica', a ne na 'konj' iako je selected="selected" postavljen na konj. <br>Ako stavimo <b>$scope.zivotinja=null;</b> onda će select biti početno prazan. <br><br> <select ng-model="zivotinja"> <option selected="selected">konj</option> <option>riba</option> <option>ptica</option> </select> <ol > <li ng-show="zivotinja=='konj'">Konj živi na zemlji.</li> <li ng-show="zivotinja=='riba'">Riba živi u vodi.</li> <li ng-show="zivotinja=='ptica'">Ptica leti po zraku.</li> </ol> <script src="../angularjs/1.2.9/angular.min.js"></script> <script> var mojModul = angular.module('mojApp', []); mojModul.controller('MojCtrl', function($scope){ $scope.zivotinja='ptica'; //init vrijednost //console.log($scope.zivotinja); }); </script> </body> </html>
Pregled stranice:
Pogledaj stranicu
../javascript/angularjs/primjeri/18ng-show_select.html
.