AngularJS下拉列表不'；在对话框内部打开时无法工作

我正在使用AngularJS下拉列表，它可以毫无问题地工作。但当我想在对话框中打开它时，它不会显示结果。这可能是什么原因？

以下是脚本：

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script>
    function CountryStateCityCtnl($scope) {
        $scope.countries = {
            'India': {
                'Maharashtra': ['Pune', 'Mumbai', 'Nagpur', 'Akola'],
                'Madhya Pradesh': ['Indore', 'Bhopal', 'Jabalpur'],
                'Rajasthan': ['Jaipur', 'Ajmer', 'Jodhpur']
            },
            'USA': {
                'Alabama': ['Montgomery', 'Birmingham'],
                'California': ['Sacramento', 'Fremont'],
                'Illinois': ['Springfield', 'Chicago']
            },
            'Australia': {
                'New South Wales': ['Sydney'],
                'Victoria': ['Melbourne']
            }
        };
        $scope.GetSelectedCountry = function () {
            $scope.strCountry = document.getElementById("country").value;
        };
        $scope.GetSelectedState = function () {
            $scope.strState = document.getElementById("state").value;
        };
    }
</script>

功能CountryStateCityCtnl（$scope）{
$scope.countries={
“印度”：{
‘马哈拉施特拉邦’：[‘普纳’、‘孟买’、‘那格浦尔’、‘阿科拉’]，
“中央邦”：[“印多尔”、“博帕尔”、“贾巴尔普尔”]，
“拉贾斯坦邦”：[“斋浦尔”、“阿杰梅尔”、“焦特布尔”]
},
“美国”：{
“阿拉巴马州”：[“蒙哥马利”、“伯明翰”]，
“加利福尼亚州”：[“萨克拉门托”，“弗里蒙特州]，
伊利诺伊州：[“斯普林菲尔德”，“芝加哥”]
},
“澳大利亚”：{
“新南威尔士州”：[“悉尼”]，
“维多利亚”：[“墨尔本”]
}
};
$scope.GetSelectedCountry=函数（）{
$scope.strCountry=document.getElementById（“国家”）.value；
};
$scope.GetSelectedState=函数（）{
$scope.strState=document.getElementById（“state”）.value；
};
}

以下是视图的某些部分：

        <div ng-controller="CountryStateCityCtnl">
            <table style="border:none; width:100%;">
                <tbody>
                    <tr>
                        <th><font color="#656565">Yeni Üye</font> </th>
                    </tr>
                    <tr>
                        <td align="right"><label for="UserName">İsim:</label></td>
                        <td><input type="text" name="UserName" id="UserName" /></td>
                    </tr>

                    <tr>
                        <td align="right" ><label for="UserSurname">Soyisim:</label></td>
                        <td><input type="text" name="UserSurname" id="UserSurname" /></td>
                    <tr>
                        <td align="right"><b>Şehir:</b></td>
                        <td>
                            <select id="country" ng-model="statessource" ng-options="country for (country, states) in countries" ng-change="GetSelectedCountry()"><option value=''>Select</option></select>
                            <label >Bayi:</label>
                            <select id="state" ng-disabled="!statessource" ng-model="citiessource" ng-options="state for (state,city) in statessource" ng-change="GetSelectedState()"><option value=''>Select</option></select>


                        </td>

                    </tr>
                    <tr>
                        <td align="right" ><label for="UserMail">E-Mail:</label></td>
                        <td>
                            <input type="email" name="UserMail" id="UserMail" />
                            <select id="city" ng-disabled="!citiessource || !statessource" ng-model="city"><option value=''>Select</option><option ng-repeat="city in citiessource" value='{{city}}'>{{city}}</option></select>
                        </td>
                    </tr>

                    <tr>
                        <td align="right"><label for="UserPassword">Şifre:</label></td>
                        <td><input type="password" name="UserPassword" id="UserPassword" /></td>
                    </tr>

                    <tr>
                        <td align="right"><label for="ConfirmPassword">Şifre(Tekrar):</label></td>
                        <td><input type="password" name="ConfirmPassword" id="ConfirmPassword" /></td>
                    </tr>

                    <tr>
                        <td><input type="submit" value="Üyeliğimi Tamamla" /></td>
                    </tr>


                </tbody>
            </table>
        </div>

叶尼耶
İsim：
索伊西姆：
Şehir：
挑选
八一：
挑选
电邮：
选择{{city}
如果：
Şifre（Tekrar）：

根据您使用的对话框实现，您的下拉列表很可能隐藏在对话框下面。一些下拉实现还喜欢将下拉列表显示为单独的div（例如kendoui）。要调试它，您可以使用Chrome的检查器将对话框的背景设置为透明。如果可以在对话框下方看到下拉列表，请尝试创建CSS样式以应用于对话框上方的下拉列表。例如：

我的项目{ z指数：999；

---

}这是没有对话框的下拉列表的图片

---

这是下拉列表的图片

如何显示一些代码，以便我们可以找到错误？