angular compile

var app = angular.module('insertOrder', []);
	app.config(function($httpProvider) {
		$httpProvider.defaults.headers.post = {
			'Content-Type' : 'application/x-www-form-urlencoded',
			'charset' : 'utf-8'
		}
	})
	app.controller(
		'insertOrderController',
		function($scope, $http,$compile) {
		//页面初始化的时候，查找年级信息
		$scope.findGradeList = function() {
		$http.get("${ctx}/ManagerSchool/findGradeTable").then(
				function success(response) {
				var gradeList = response.data;
				// TODO 动态生成html中 ng-click无效 解决方法 $compile 是传进来的
				//下边这句话就是要写入页面中的内容，首先把你写入的内容赋值给html
				var html = '<option value="">请选择</option>';
				for (var i = 0; i < gradeList.length; i++) {
					var grade = gradeList[i];
					//var gradeName = gradeList[i].gradeName;
					var html2 = "<option ng-click='findClassList("
								+ grade.gid
								+ ");'>"
								+ grade.gradeName
								+ "</option>";
								html = html + html2;
				}
				//用$compile进行编译
                var $html = $compile(html)($scope);

				//添加到页面中，或者你任何想添加的位置。});

				$("#grade").html($html);
				$scope.gradeList = response.data;
				}, function error(response) {
				    layer.alert('查询年级数据失败!!!', {
					icon : 5
					});
			});
		}