javascript - 如何使用 Angular js将数据从一个div推送到另一个div(表)？

Question

我试图通过单击 + 图标将 json 数据添加到表中。有 2 个部分，即选择股票，其中的股票和价格(又来自 data.json)必须添加到管理投资组合部分中的表格中。

第一部分

第二部分 因此，我希望当单击相应的 + 图标时，将股票名称(即 ADFI、ALAN 等)及其各自的价格添加到第二部分中表格的相应股票和价格列中。我尝试过添加，但我不完全确定如何继续。谢谢。 Here is the plunker

             <table>
                <tr>
                    <th>STOCK</th>
                    <th>PRICE</th>
                    <th>SHARES</th>
                    <th>WEIGHT</th>
                </tr>
                <tr ng-repeat="portfolio in portfolios">
                    <td ng-model="portfolio.stockfromdata"></td>
                    <td ng-model="portfolio.pricefromdata"></td>
                    <td>num</td>
                    <td ng-model="portfolio.weightfromprice"></td>
                </tr>
            </table>

脚本

 $scope.portfolios = [];

    $scope.addStock = function() {
        $scope.portfolios.push([{
            "key": $scope.portfolio.stockfromdata,
            "value": $scope.portfolio.pricefromdata
            // "weightfromprice": $scope.weightfromprice
        }]);
    };

Answer 1

如果您遵循类似的方式在表中显示对象并显示键值，那么您可以在 ng-click 加号上编写以下内容

$scope.addToTable = function(key, value){
  var mystock={key: value};
    if (!(key in $scope.stocksObj)){
    $scope.stocksObj[key] = value;
    }
}

<tr ng-repeat="(key, value) in stocksObj"><td>{{key}}</td><td>{{value}}</td></tr>

这可以工作了 https://plnkr.co/edit/b3QECT1pvqnWwyQoEBTb?p=preview

但是，如果您需要在该库存中拥有更多字段，那么这将没有用处。因此，最好创建具有​​键、值、份额、权重等属性的对象，并相应地推送到数组中。更新后的功能为

$scope.addToTable = function(key, value, index){
  var mystock={};
  mystock.key = key;
  mystock.value = value;
    console.log(index);
    if(indexes.indexOf(index) == -1){
        indexes.push(index);
        $scope.stocksArray.push(mystock);
    }
}

这是为此而努力的地方 https://plnkr.co/edit/r2WLGakBU9kGmWLWBN7K?p=preview