AngularJS select : > 

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <body>

    <div ng-app="myApp" ng-app="myFruitsApp" ng-controller="myCtrl">

    <p>Select a car:</p>

    <select ng-model="selectedCar" ng-options="x.model for x in cars">
    </select>
    <select ng-model="selectedFruit" ng-options="y.type for y in fruits">
    </select>

    <h1>You selected: {{selectedCar.model}}</h1>
    <h1>fruits:: {{selectedFruit.type}}</h1>


    </div>

    <script>
        var app = angular.module('myApp', []);
        app.controller('myCtrl', function($scope) {
            $scope.cars = [
                {model : "Ford Mustang"},
                {model : "Fiat 500"},
                {model : "Volvo XC90"}
            ];
        });
    </script>

    <script>
        var app2 = angular.module('myFruitsApp',[]);
        app2.controller('myCtrla', function($scope){
            $scope.fruits = [
            {type: "apple"},
            {type: "oranges"},
            {type: "pear"}
            ];
        });
    </script>

    </body>

<!-- end snippet -->

> Hello. I am trying to more than one select in one div. But first select getting own list and can show up but second and other cannot. I couldnt manage that. I added script link.