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

流苏向晚晴
  • 2
新手上路,请多包涵

问题描述

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,还是失败。

相关代码

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

<tr ng-repeat="type in typeList track by $index" ng-class="{'odd' : $index%2===1, 'even' : $index%2===0}">

                        <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">

<div class="modal-body">

            <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;
            }
        });
    };
    

你期待的结果是什么?实际看到的错误信息又是什么?

就是很失望,也没有适合的前辈指导,有点心累==’。网上也没有找到适合的信息。默默祝我今天生日快乐。

回复
阅读 1.3k
1 个回答

将想展示的数据保存到全局

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏