angular遍历后的数据在怎样绑定到modal（弹出框）修改后提交到controller

Question

angular遍历后的数据在怎样绑定到modal（弹出框）修改后提交到controller

流苏向晚晴

211

发布于
2018-10-24

新手上路，请多包涵

问题描述

typeList是后台传来的数据，我遍历之后的每条结果是type。我想提取id和ran_name到modal弹出框显示，再提交到controller。但是不会暂存id，也不会将id和raw_name显示到修改的弹出框。（实在是菜鸡实习生）

问题出现的环境背景及自己尝试过哪些方法

<td ng-init ="status =type.id">{{type.id}}</td>
尝试过多加出一行td，用ng-init但是界面获取样本失败。或者ng-model绑定到【修改】button，还是失败。

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

                        <td ng-init ="status =type.id">{{type.id}}</td>
                        <td style="padding-top: 14px;">{{type.raw_name}}</td>
                        <td style="padding-top: 14px;">{{type.alias}}</td>
                        <td style="padding-top: 14px;">{{type.showname}}</td>                          
                        <td >      
                            <!--<button type="button" class="btn ui-btn ui-btn-primary" data-toggle="modal" data-target=".updatetype">修改</button></div>-->
                            <button class="btn ui-btn ui-btn-primary" ng-model="typelib.status" data-toggle="modal" data-target=".myModal">修改</button>

                        </td>
                     </tr>

//以下是modal的代码。
<div class="modal myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

<div class="modal-dialog">
    <div class="modal-content">

            <p class="alertInfo">类型别名：
            <input type="text" id="name" name="alias" ng-model="input1"/></p>
            <p class="alertInfo">显示名称：
            <input type="text" id="name" name="showname" ng-model="input2"/></p>

//尝试获取id的后台代码

   //获取id
   $scope.getSelectedId = function(){
  
        angular.forEach($scope.typeList, function(data, index, array){
            if(data.status){
                $scope.id = data.id;
            }
        });
    };