吳點擊不起作用

Question

我有一個控制器，我在其中啟動一個 http 請求，請求完成后，我調用另一個視圖，然后使用ng-click 。但是我的ng-click不起作用。

這是我的代碼。

app.controller('listuser', function ($scope,$http,$log,$window) {
        $scope.userdetail = {};
        return $http({
                 method: 'POST',
                 url: 'apisource.php',

            })
            .then(function (results) {

                $scope.data=results.data;
                return $scope.data;
            });

         $scope.douserdetail = function(user) {
             alert('test');
        };

    });

<tr data-ng-repeat="x in data">
    <td>
        <input type="hidden"  name="id" ng-model="userdetail.id" value="{{x.id}}" />
        <a href='' ng-click="douserdetail(userdetail)" class="user-link">{{x.First_Name}}{{x.Last_time}}</a>
        <span class="user-subhead">{{x.Phd_University}}</span>
    </td>
</tr>

Answer 1

您的代碼在您所顯示內容的第 3 行的控制器中有一個return ，因此沒有執行 return 語句之外的代碼，請嘗試以下操作：

app.controller('listuser', function ($scope,$http,$log,$window) {
    $scope.userdetail = {};
    $scope.data = [];

    var init = function () {
        $http({
            method: 'POST',
            url: 'apisource.php',

        })
            .then(function (results) {
                $scope.data=results.data;
            });
    };
    init();

    $scope.douserdetail = function(user) {
        alert('test');
    };

});

Answer 2

您可能應該只使用 div 或按鈕類型元素，而不是 'a' 標簽。 將標簽更改為 div 或其他內容，它將起作用

<div ng-click="douserdetail(userdetail)" class="user-link">{{x.First_Name}}{{x.Last_time}}</div>