本文實例講述了angularjs實現(xiàn)table表格td單元格單擊變輸入框/可編輯狀態(tài)。分享給大家供大家參考，具體如下：
成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供皋蘭網(wǎng)站建設(shè)、皋蘭做網(wǎng)站、皋蘭網(wǎng)站設(shè)計、皋蘭網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、皋蘭企業(yè)網(wǎng)站模板建站服務(wù)，十年皋蘭做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。
html部分：
js部分：
重慶分公司
重慶分公司
/**
* 單元格單擊變編輯
* @param e
*/
$scope.edit=function(e){
var td = $(e.target);
var txt = td.text();
var input = $("");
td.html(input);
input.click(function() { return false; });
//獲取焦點
input.trigger("focus");
//文本框失去焦點后提交內(nèi)容，重新變?yōu)槲谋? input.blur(function() {
var newtxt = $(this).val();
//判斷文本有沒有修改
if (newtxt != txt) {
td.html(newtxt);
}
else
{
td.html(newtxt);
}
});
};
更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《AngularJS指令操作技巧總結(jié)》、《AngularJS入門與進(jìn)階教程》及《AngularJS MVC架構(gòu)總結(jié)》
希望本文所述對大家AngularJS程序設(shè)計有所幫助。
