每个表行Angularjs运行一个函数

时间:2018-04-07 19:11:58

标签: php angularjs

我正在创建一个包含多行的表,并希望调用一个函数,该函数将返回每行不同的响应。

HTML:

      <div class="panel-body panel-scroll">
        <table class="table table-striped table-bordered dataTable">
            <thead>
                <tr>
                    <th>Host IP</th>
                    <th>DataCenter</th>
                    <th>Port</th>                        
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="personalDetail in personalDetails" required>
                    <td>{{ '{{personalDetail.address}}' }}</td>
                    <td>{{ '{{personalDetail.datacenter}}' }}</td>
                    <td>{{ '{{personalDetail.port}}' }}</td>
                    <td><button type="button" class="btn btn-info" ng-click="testMonitor(formParams.type,personalDetail.address,personalDetail.port,formParams.send,formParams.recv)">Test Monitor</button></td>
                    <td>{{ '{{ response }}' }}</td>
                </tr> 
            </tbody>
        </table>
        </div>

JS:

$scope.testMonitor = function(type, host, port, send_string, recv_string) {
return $http.get('http://localhost:8080/dao/public/scripts/ItrcClass.php', {
    headers: {
    'Content-Type': 'text/html'
    },
    params: {
    type: type,
    host: host,
    port: port,
    send_string: send_string,
    recv_string: recv_string,
    }
    }).then(function successCallback(response) {
    $scope.response = response.data;

    },function errorCallback(response) {
        $scope.response = response.data;

响应正确回复,但并非唯一。最后,我希望每一行都包含其独特的响应。

0 个答案:

没有答案