Ng-options from other Uses of Same ng-Options

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <meta charset="utf-8" />
    <script src="Scripts/angular.js"></script>
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <script>
var app = angular.module('myApp', []);
app.controller('demoCtrl', function ($scope)
{
    $scope.options = [
    {
        name: 'Apple',
        id: '1'
    },
    {
        name: 'Orange',
        id: '2'
    },
    {
        name: 'Banana',
        id: '3'
    },
    {
        name: 'Pear',
        id: '4'
    }, ];
});
    </script>
</head>

<body>
    <div ng-app="myApp" ng-controller="demoCtrl">
        <div class="form-group col-md-3">
            <label for="select1">Select 1:</label>
            <select ng-model="newForm.select1" ng-options="option.name as option.name for option in options" class="form-control">
                <option value=""></option>
            </select>
        </div>
        <div class="row">
            <br> </div>
        <div class="form-group col-md-3">
            <label for="select2">Select 2:</label>
            <select ng-model="newForm.select2" ng-options="option.name as option.name for option in options | filter: newForm.select1 && {name: '!' + newForm.select1}" class="form-control">
                <option value=""></option>
            </select>
        </div>
    </div>
</body>

</html>