Angularjs从表中获取数据到标签

时间:2018-06-15 10:24:37

标签: angularjs

我在我的表中插入数据库中的数据并用它填充行。当我单击一行时,表单被加载,表格消失。我现在的问题是我想将点击的行中的数据传输/复制到表单的标签中,那么如何才能将正确的数据输入我的标签?

How it should look like

Sample Table.html:

<tr class="mytr" ng-repeat="person in persons | ng-click="loadForm()">
    <td class="{{person.status}}">{{person.PersonId}}</td>
    <td class="{{person.status}}">{{person.Name}}</td>
<tr>

示例showForm.html:

<form action="">
    <label for="pid">{{person.PersonId}}</label>
    <label for="name">{{person.Name}}</label>
</form>

来自控制器:

$scope.loadForm()= function () {
    $scope.content = 
             'http://localhost:49929/App_Plugins/Person/showForm.html';
    }

2 个答案:

答案 0 :(得分:1)

将person对象作为参数传递给函数,并将其分配给单独的范围变量。然后以

形式使用该变量
ng-click="loadForm(person)"

loadForm(person){
   $scope.formObj = person
}

<form action="">
    <label for="pid">{{formObj.PersonId}}</label>
    <label for="name">{{formObj.Name}}</label>
</form>

答案 1 :(得分:1)

试试这个。

<tr class="mytr" ng-repeat="person in persons | ng-click="loadForm(person)">
    <td class="{{person.status}}">{{person.PersonId}}</td>
    <td class="{{person.status}}">{{person.Name}}</td>
<tr>

将person对象作为参数传递给loadForm函数。

更新loadForm以接收参数。

$scope.loadForm = function (person) {
    $scope.content = 'http://localhost:49929/App_Plugins/Person/showForm.html';
     $scope.person = person;
    }