wang00ka 2018-10-09 07:36 采纳率: 75%
浏览 354
已采纳

用angularjs实现图中需要的功能，请问怎么做？

图片说明

  • 写回答

2条回答 默认 最新

  • 斯洛文尼亚旅游 2018-10-09 08:26
    关注
     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.0/angular.min.js"></script>
<body ng-app="myApp">
    <div ng-controller="myCtrl">
       <table border="0">
           <tr><td>内容1</td><td>内容2</td><td>&nbsp;</td></tr>
           <tr><td><input type="text" ng-model="content1" /></td><td><input type="text" ng-model="content2" /></td><td><input type="button" value="确认" ng-click="addItem()" /></td></tr>
       </table><br />

        <table border="1">
            <tr><td>内容1</td><td>内容2</td><td>操作</td></tr>
            <tr ng-repeat="item in list"><td>{{item.content1}}</td><td>{{item.content2}}</td><td><input type="button" value="删除" ng-click="removeItem($index)" /></td></tr>
        </table>
    </div>
    <script>
        angular.module('myApp', [])
        .controller('myCtrl', ['$scope', function ($scope) {
            $scope.list = []
            $scope.addItem = function () {
                $scope.list.push({ content1: $scope.content1, content2: $scope.content2 });
                $scope.content1 = $scope.content2 = ''
            };
            $scope.removeItem = function (index) {
               $scope.list.splice(index,1)
            };
        }]);
    </script>
</body>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥20 如何推断此服务器配置
  • ¥15 开发一个类似百度网盘的软件，在主页列表点击进入文件夹，在文件夹里面还有文件夹，要建多个列表页面吗？
  • ¥15 关于github的项目怎么在pycharm上面运行
  • ¥15 内存地址视频流转RTMP
  • ¥100 有偿，谁有移远的EC200S固件和最新的Qflsh工具。
  • ¥15 找一个QT页面+目标识别（行人检测）的开源项目
  • ¥15 有没有整苹果智能分拣线上图像数据
  • ¥20 有没有人会这个东西的
  • ¥15 cfx考虑调整“enforce system memory limit”参数的设置
  • ¥30 航迹分离，航迹增强，误差分析