JSFiddle - React, Tailwind, and code Playground

HTML

<!--Solutions-->
    <form class="custom">
        <select id="customDropdown" class="small button dropdown secondary radius" ng-model="filterSolution"
                ng-change="selectMovieFilter()">
            <option DISABLED value="">
                <script type="text/javascript">document.write(solutions_dropdown_text)</script>
            </option>
            <option ng-repeat="solution in SolutionResultList.objects" ng-click="addFilterSolution(solution)" value="{{solution.id}}">
                {{solution.SolutionName}}
            </option>
        </select>
	<label>
            Number Movie the Solution:
    </label>
    </form>

JavaScript

$scope.addFilterSolution = function (solution) {
        $scope.filterMovieBySolution = solution.SolutionName;
        console.log($scope.filterMovieBySolution);
    }

    $scope.solutionFilter = function (disk) {
		var filteredItems = [];
        for (var key in $scope.DiskResultList['objects']) {
            if ($scope.DiskResultList['objects'][key].id == disk.id) {
                $scope.solution = $scope.DiskResultList['objects'][key].IdSolution;
            }
        }
		
        if ($scope.filterMovieBySolution == "")
            return true;

        if ($scope.solution[0].SolutionName == $scope.filterMovieBySolution)
            return true;
        else
            return false;
    }