使用angularjs模板级联下拉列表

Question

我只是想尝试使用ng-include探索angularjs并希望使用模板进行级联下拉。

 <div ng-app="cascadedDropdown">
        <table ng-controller="DynamicBinding">
            <tr>
                <td>
                    <label>Country Name</label>
                </td>
                <td>
                    <div class="form-control" ng-include="'../Template/CountryName.html'"></div>

                </td>
            </tr>
            <tr>
                <td>
                    <lable>Region Name</lable>
                </td>
                <td>
                    <div class="form-control" ng-disabled="!countries" ng-model="regions" ng-include="'../Template/RegionName.html'"></div>
                </td>
            </tr>
            <tr>
                <td>
                    <lable>City Name</lable>
                </td>
                <td>
                    <div class="form-control" ng-disabled="!regions" ng-include="'../Template/CityName.html'"></div>
                </td>
            </tr>
        </table>

和模板就像

<select name="countryCode" id="countryCode" class="text" style="width:300px;">
    <option value="">Select a country</option>
    <option value="AF">Afghanistan</option>
</select>

和地区和城市类似。

是使用ng-model等实现它的方法。 我尝试使用其他选项与模板en，但不像下面的示例代码可以解决问题 http://jsfiddle.net/6eCZC/1/ http://jsfiddle.net/annavester/Zd6uX/

提前致谢!!