angular.js - angularjs获取标签内容
迷茫
迷茫 2017-05-15 17:13:18
[AngularJS讨论组]
 <tr ng-repeat="goods in $data">
    <td contenteditable='true'>
            {{goods.name}}
    </td>
 </tr>
 
 对td内容进行修改
 
 现在我想获取点击td 弹出当前td的内容。
 
 怎么实现。
迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(3)
某草草
<tr ng-repeat="goods in $data">
    <td ng-click="show($event)" contenteditable="true" >
         {{goods.name}}
    </td>
 </tr>
 
function show(e){
    alert(e.target.innerText)
}

ng-model是双向数据绑定可以随时获取值,但ng-model只作用于input标签和一些文本标签上。所以根据你的需求,只能通过dom去获取文本上的内容,但不是实时的,这一些修改的值下次点击才会得到。
phpcn_u1582
<tr ng-repeat="goods in $data track by $index">
    <td ng-click=consoleSomeThing($index)>
            {{goods.name}}
    </td>
 </tr>

//js部分
$scope.consoleSomeThing=function(index){
   //具体看你的$data结构了,复杂点的就去遍历吧,反正重点是拿到对应的索引index
    console.log($data[index].goods.name)
}
我想大声告诉你

使用
name = angular.element($event.target).text()

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号