首页 / Angularjs / 正文

Angular使用$compile为从Ajax加载的HTML绑定ng-click事件

3770 发布于: 2016-01-26 读完约需4分钟
angularjs 本文给使用Angular的童鞋分享一个Angular使用$compile为从Ajax加载的HTML绑定ng-click事件的实现方式,希望可以对还在Angularjs道路长前行的你一些帮助,话不多说,直接看代码:
<table data-ng-table="tableParams" class="table table-bordered table-hover " style="border-collapse:collapse" data-ng-init="host.editSave = false">
    <tr id="newTransaction"></tr>
    <tr data-ng-repeat="host in hosts|filter:search:strict">
        <td class="hostTableCols" data-ng-hide="host.editSave">{{host.hostCd}}</td>
        <td class="hostTableCols" data-ng-hide="host.editSave">{{host.hostName}}</td>
    </tr>
</table>
js:
var app = angular.module('my-app', [], function () {

})

app.controller('AppController', function ($scope, $compile) {

    var $el = $('<td contenteditable><input type="text" class="editBox" value=""/></td>' +
        '<td contenteditable><input type="text" class="editBox" value=""/></td>' +
        '<td>' +
        '<span>' +
        '<button id="createHost" class="btn btn-mini btn-success" data-ng-click="create()"><b>Create</b></button>' +
        '</span>' +
        '</td>').appendTo('#newTransaction');
    $compile($el)($scope);
    
    $scope.create = function(){
        console.log('clicked')
    }
})
 

版权声明:本作品系原创,版权归码友网所有,如未经许可,禁止任何形式转载,违者必究。

上一篇: Amaze UI React v1.0.0 发布

下一篇: Asp.Net Web Api 2利用ByteArrayContent和StreamContent分别实现下载文件示例源码(含多文件压缩功能)

本文永久链接码友网 » Angular使用$compile为从Ajax加载的HTML绑定ng-click事件

分享扩散:

发表评论

登录用户才能发表评论, 请 登 录 或者 注册