本文介绍在 AngularJS 应用中，如何从 ng-repeat 渲染的表格行中正确提取变量（如 rec.sys_id），并将其作为参数传递给模态框内按钮绑定的控制器方法，避免模板语法错误与作用域问题。

本文介绍在 angularjs 应用中，如何从 `ng-repeat` 渲染的表格行中正确提取变量（如 `rec.sys_id`），并将其作为参数传递给模态框内按钮绑定的控制器方法，避免模板语法错误与作用域问题。

在你提供的 HTML 片段中，核心问题在于：模态框

是全局复用的，它并不处于 ng-repeat 的作用域内，因此直接写 myController.displayUserRecord() 会导致语法错误（ 不是合法的 AngularJS 表达式），且 rec 在模态框上下文中不可访问。

✅ 正确做法是：在点击表格行时，先将当前记录保存到控制器作用域中，再触发模态框显示；模态框内的按钮则直接调用已绑定的变量。

✅ 推荐实现方案（推荐且健壮）

Click Here

{{rec.sys_id}}

User Record Details

×

Check your Workday Record:

Feishu calendar sync, local ics to json data for AI agent

将ICS日历文件转为JSON格式，用于飞书日历导入导出及数据集成。

下载

System ID: {{myController.selectedRecord?.sys_id}}

Load Record Cancel

? 关键要点说明：

• ✅ ng-click="myController.selectedRecord = rec" 将当前循环项赋值给控制器属性，使其在模态框作用域中可访问；
• ✅ 使用 $('#formUserRecord').modal('show')（Bootstrap 3/4 JS API）或 data-toggle="modal" data-target="#formUserRecord" 配合 ng-click 均可，但务必确保 selectedRecord 已设置后再打开模态框；
• ✅ 模态框内 ng-click 直接使用 myController.selectedRecord.sys_id —— 这是标准 AngularJS 表达式写法，无需 {{}}，也不加 符号；
• ⚠️ 注意：若 userRecord 为空或 selectedRecord 未定义，建议在模板中使用安全导航符 ?.（如 {{myController.selectedRecord?.sys_id}}）或在控制器中初始化 selectedRecord = null，避免报错；
• ?️ 若使用 Bootstrap 5+ 或纯 AngularJS 模态方案（如 ui-bootstrap），请替换为对应指令（如 uib-modal），逻辑保持一致。

? 补充：控制器中建议的初始化（防止 undefined 报错）

// 在控制器中
this.selectedRecord = null;
this.displayUserRecord = function(sysId) {
  console.log('Loading record with sys_id:', sysId);
  // 实现你的业务逻辑，例如 $http 请求
};

通过该方式，既保证了数据传递的准确性，又提升了代码可维护性与健壮性。