如何将参数从表传递到角度模态?

时间:2016-07-29 08:56:45

标签: javascript html angularjs

我是AngularJS的新手,我需要一两个函数的帮助。

我试图将一个对象传递给一个模态(或弹出我如何定义它)并且我已经完成了这个,但当我尝试点击"保存更改&#34 ;从模态按钮我打砖墙,对象是空的。我需要使用新名称更新JSON对象。我知道我必须为这个角度创建一个控制器和指令,但我不知道如何开始。我已将更新功能存储在其他控制器中。我在一个页面上做了所有这些,' index.html'。关于我如何做到这一点的任何建议?

提前致谢。

PS:如果有任何需要,请告诉我发布。再次感谢。

 angular.module('ConsultantCompany').controller('CompanyController', ['CompanyService', '$scope', '$log', function(CompanyService, $scope, $log) {
        var ctrl = this;

        ctrl.updateCompany = function(form) {
            CompanyService.update(form);
            $log.info("Company updated");
        }

        ctrl.updating = function(company) {
            $log.info("Company: ", company);

            $('#popup-1').fadeIn(250);
        }
}]);

<table class="table table-bordered">
        <thead>
            <tr>
                <th>Company ID</th>
                <th>Company Name</th>
                <th>Update</th>
                <th>Delete</th>
            </tr>
        </thead>
        <tbody>
            <tr data-ng-repeat="company in compCtrl.companies">
                <td>{{company.id}}</td>
                <td>{{company.name}}</td>
                <td><button type="button" class="btn btn-xs btn-success" data-ng-click="compCtrl.updating(company)">Update</button></td>
                <td><button type="button" class="btn btn-xs btn-danger" data-ng-click="compCtrl.deleteCompany(company)">Delete</button></td>
            </tr>
        </tbody>
    </table>

<form name="form" id="name" data-ng-submit="compCtrl.updateCompany(form)" novalidate>
        <h1>Updating company: </h1>
        <label>Company name</label>
        <input type="text" class="form-control" placeholder="Enter the new name of the company you want to update" required>
        <br>
        <button type="button" class="btn btn-sm btn-success" data-ng-click="compCtrl.updateCompany(form)">Save changes</button>
        <button type="button" class="btn btn-sm btn-danger" onclick="close_popup(1);">Close</button>   
    </form>

0 个答案:

没有答案