由於jquery的操作簡單，大部分人對其比較熟悉，因此，很容易實現動態的新增程式碼。

然而，動態新增的HTML程式碼，是沒有被angular“編譯”處理的，因此，動態新增的程式碼中的事件不一定被angular認識，那麼，我們怎麼操作能讓$scope認識其定義的方法呢

程式碼如下： 

<div class="testAddHtml">
	<div id="mmmmm"></div>
	<button onclick="angular.element(this).scope().liumei(event)">jquery add html</button>
</div>
 

/**
 * 建立了一個indexController
 * */
angular.module('huangbiaoApp')
	.controller('indexController', ["$scope", "$http", "ApiService","$state","$q",function($scope, $http, ApiService,$state,$q) {
		$scope.myname = "liumei";
		$scope.liumei = function(myevent){
			var timeStamp = new Date().getTime();
			//使用jquery將程式碼動態的新增到DOM中，當觸發onclick事件的時候，實際上是被注入到$scope物件中
			$("#mmmmm").after('<button onclick="angular.element(this).scope().liumei(event)">jquery'+timeStamp+'</button>');
			//呼叫$scope的物件值
			alert(this.myname);
		}
	}]);