嘿，针对你提到的两个需求——创建动态子菜单、选中原因后自动展示对应子原因，我来给你一步步拆解实现方法，结合你现有的代码来改造：

第一步：先明确数据结构 #

首先你的Resonse_schedule数组里的每个元素，最好包含原因名称和对应的子原因列表，这样才能实现联动逻辑。比如在Angular控制器里可以这样定义数据：

// 示例控制器代码
$scope.Resonse_schedule = [
  {
    reasons: "系统维护",
    subReasons: ["服务器重启", "数据库升级", "补丁安装"]
  },
  {
    reasons: "业务调整",
    subReasons: ["流程变更", "人员调配", "需求更新"]
  },
  {
    reasons: "外部因素",
    subReasons: ["网络故障", "第三方服务中断"]
  }
];
// 用于绑定选中的原因对象
$scope.selectedReason = null;

第二步：改造原因下拉菜单 #

把你原来的<select>加上ng-model绑定选中值（这是联动的核心），同时推荐用ng-options（比直接在<option>上用ng-repeat更符合Angular规范）：

<!-- 原因选择下拉菜单 -->
<select ng-model="selectedReason" ng-options="reason as reason.reasons for reason in Resonse_schedule">
  <option value="" disabled selected>Select Reason</option>
</select>

如果你坚持想用原来的ng-repeat写法，也可以改成这样（效果一致，但ng-options更推荐）：

<select ng-model="selectedReason">
  <option value="" disabled selected>Select Reason</option>
  <option ng-repeat="reason in Resonse_schedule" ng-value="reason">{{reason.reasons}}</option>
</select>

第三步：实现动态子菜单 #

当用户选中原因后，我们通过绑定的selectedReason就能拿到对应子原因列表，再用第二个<select>展示，同时用ng-if控制子菜单只在选中原因后显示：

<!-- 子原因下拉菜单（选中原因后才渲染） -->
<select ng-if="selectedReason" ng-model="selectedSubReason">
  <option value="" disabled selected>Select Sub Reason</option>
  <option ng-repeat="sub in selectedReason.subReasons">{{sub}}</option>
</select>

关键逻辑说明 #

• ng-model="selectedReason"：将选中的原因对象绑定到作用域变量，这样我们能直接获取它的subReasons属性
• ng-if="selectedReason"：确保只有用户选中有效原因时，子菜单才会显示，避免空菜单的情况
• 子菜单的ng-repeat直接遍历selectedReason.subReasons，实现选中原因与子原因的自动联动

额外优化（可选） #

如果需要给用户更友好的提示，比如未选原因时显示引导文本：

<p ng-if="!selectedReason" style="color:#666;">请先选择调度原因</p>

内容的提问来源于stack exchange，提问作者Piyush