javascript - 根据选择传递值

标签 javascript html angularjs

我正在使用 angularjs。我有一个带有数据列的表,其中有超链接,当单击 <td> 时数据“prID”被传递到 URL,如演示中所示。但问题是,对于表中的某些行,我传递了多个 prID,当单击它时,它会传递所有 prID,而不是我只想传递一个 prID,用户将鼠标悬停在该 prID 上并单击该 ID。

演示: https://plnkr.co/edit/sWbpovAT7II1eM4yRA2X?p=preview

示例:对于表中的第二行,我有值 2; 30; 21 。当用户将鼠标悬停并单击当前时,它正在传递 2; 30; 21相反,我想在 URL 中一次传递单个值。当用户将鼠标悬停在 2 上时,它应该传递值 2,而当鼠标悬停在 30 上时,它应该传递 30...这样我就有几行具有多个 prID,并且数据是动态的。

示例代码:

<table border="1">
         <tr ng-repeat="data in dataInfo">
         <td><a href="http://myURL.com/getInfo/viewStatus?prInfo={{data.prID}}" target="_blank"> {{data.prID}}</a></td>
     </tr>
</table>

最佳答案

当 data.prID 上有多个 ID 时,需要嵌套循环。请尝试以下方法:

<tr ng-repeat="data in dataInfo">
   <td><span ng-repeat="link in data.prID.split(';')"><a href="http://myURL.com/getInfo/viewStatus?prInfo={{link}}" target="_blank"> {{link}}</a><span ng-if="!$last">;</span></span></td>
 </tr>

关于javascript - 根据选择传递值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49787387/

相关文章:

javascript - 图表 JS 集成

javascript - Angular 数组不会显示嵌套数组

javascript - UA PhoneGap 2.0 插件在 iOS 上无法正确初始化

javascript - Ember 对 ='change' 事件的操作

JavaScript 创建下拉列表并获取选中的值

html - 使 swf 成为带有指针图标的可点击链接

html - 正则表达式匹配逗号之前但不之后的空格

angularjs - 无法将 D3.js(可折叠树)集成到 Angular 应用程序中

angularjs - Google Apps 脚本中的 Angular JS

javascript - 使用laravel和vuejs从数据库获取数据