javascript - 将 ID 传递给 Angular JS 中的函数

标签 javascript angularjs

我试图获取 ID 并通过 Angular JS 传递函数,但我没有在函数中获取 ID。

这是代码

<tr ng-repeat="record in records | filter:filters.search| filter: filters.searchdd | filter:customFilter(unit)">
                <td>{{ record.name }}</td>
                <td>{{appctrl.currentOrgType.name}}</td>
                <td> {{record.id}}</td>
                <td>
                    <div class="dropdown">
                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            select option
                        <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                        <li><a href="#"  ng-click="locateOnMap(record.id)">Locate on Map</a></li>
                        <li><a href="#">Edit Coordinates</a></li>

这里我调用的是alert中的ID。但我什么也没得到

$scope.locateOnMap=function(id)
    {
       alert('Get ID ' + id); 

    }

最佳答案

我会使用console.log进行测试

$scope.locateOnMap=function(record)
    {
       console.log('record',record);
    }

并传递整个记录以确保 id 存在

<tr ng-repeat="record in records | filter:filters.search| filter: filters.searchdd | filter:customFilter(unit)">
                <td>{{ record.name }}</td>
                <td>{{appctrl.currentOrgType.name}}</td>
                <td> {{record.id}}</td>
                <td>
                    <div class="dropdown">
                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            select option
                        <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                        <li><a href="#"  ng-click="locateOnMap(record)">Locate on Map</a></li>
                        <li><a href="#">Edit Coordinates</a></li>

关于javascript - 将 ID 传递给 Angular JS 中的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34111183/

相关文章:

javascript - 数据显示更新结果,但更新结果不工作 PHP

javascript - 如何在AngularJS中获取Html元素属性?

angularjs - 链接函数的第四个参数

javascript - 如何访问 JSON Object.$$state.value?

html - Bootstrap 导航栏图标栏不起作用

angularjs - LeafletJS 在移动 map 之前不会加载所有图 block

javascript - 谷歌分析代码说明

javascript - 使用 jquery 脚本页面从当前文件夹设置 css 图像

javascript - bootstrap下拉菜单不下拉?

javascript - 获取要重置的表单