angular 點擊動態添加的兩種方法

使用的路由為ui-route

拼接完成插入到父級盒子當中

第一種:拼接法

html中定義點擊事件,同jquery一樣做拼接,拼接完成之后定義變量$ohtml(也可做其他命名);var $ohtml = $compile(ohtml)($scope);$scmpile編譯;得到一個編譯函數,再傳入$scope,就會在當前作用域進行編譯,返回編譯好的jqLite對象,這時就可以直接添加到文檔中了;編譯的實質其實就是對dom對象解析,使dom對象與scope進行耦合;完成之后添加到某一個div盒子中。


逐條刪除:綁定刪除事件,傳入參數$event,查找到這個按鈕的父元素刪除,$($event.target)等同于this

function removeResult($event){

$($event.target).parents("#ss").remove();

};


第二種:數組方法添加

首先定義一個對象,對象中放有數組,當我們點擊添加事件后會向數組中添加對象;


初始定義一個數組
點擊添加事件每點擊添加一次,向上一個數組中push一個對象
在html文件中添加的話在父級盒子做循環遍歷,利用ng-model進行綁定
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容