<select multi-level-select source="getProvinces" name="province" ng-model="form.province" empty="请选择省份"></select>
<select multi-level-select source="getCities" name="city" ng-model="form.city" empty="请选择城市" dependents="province"></select>

controller('myCtrl', ['$scope', function ($scope) {// angular使用好习惯，将primitive值放到对象上var form = {};$scope.form = form;var data = [{name: '浙江',id: 10,cities: [{name: '杭州',id: 100}, {name: '宁波',id: 101}, {name: '温州',id: 102}]}, {name: '广东',id: 20,cities: [{name: '广州',id: 200}, {name: '深圳',id: 201}, {name: '佛山',id: 202}]}, {name: '山东',id: 30,cities: [{name: '济南',id: 301}, {name: '青岛',id: 302}, {name: '烟台',id: 303}]}];var provinces = [];var citiesLookup = {};// 预处理，返回[{text: 'some text', value: 'some value'},]的数据格式$.each(data, function (index, province) {provinces.push({text: province.name,value: province.id});var cities = [];$.each(province.cities, function (index, city) {cities.push({text: city.name,value: city.id});});citiesLookup[province.id] = cities;});$scope.getProvinces = function () {return provinces;};$scope.getCities = function (values) {return citiesLookup[values.province] || [];};}]);

$scope.getProvinces = function () {return $q(function (resolve) {// 异步时应返回promise，这里就不用http了，除了预处理（由使用者自己的业务逻辑负责）外，完全一样// 如果需要缓存，也请在这里自己负责$timeout(function () {resolve(provinces);}, 100);});
};$scope.getCities = function (values) {return $q(function (resolve) {$timeout(function () {resolve(citiesLookup[values.province] || []);}, 100);});
};

// angular使用好习惯，将primitive值放到对象上
var form = {};
$scope.form = form;
form.province = 30;
form.city = 301;

<select multi-level-select source="getDays" name="day" ng-model="form.day" empty="请选择周几"></select>
<select multi-level-select source="getHours" name="hour" ng-model="form.hour" empty="请选择时间"></select>
<select multi-level-select source="getCourses" name="course" ng-model="form.course" empty="请选择课程" dependents="day,hour"></select>

controller('myCtrl', function ($scope) {var form = {};$scope.form = form;$scope.getDays = function () {var days = '一二三'.split('');days.forEach(function (item, index) {days[index] = {text: '星期' + item,value: '星期' + item};});return days;};$scope.getHours = function () {return [{text: '09:00-12:00',value: '1'}, {text: '14:00-17:00',value: '2'}];};var courses = {'星期一': {'1': [{value: '数学',text: '数学'}, {value: '精读',text: '精读'}],'2': [{value: '足球',text: '足球'}]},'星期二': {'1': [{value: '听力',text: '听力'}],'2': [{value: '数学',text: '数学'}]},'星期三': {'1': [{value: '计算机',text: '计算机'}],'2': [{value: '游泳',text: '游泳'}, {value: '古汉语',text: '古汉语'}]},};$scope.getCourses = function (values) {if (!values.day || !values.hour) {return [];}return courses[values.day][values.hour];};
});