получить идентификатор из ng-repeat

Question

получить идентификатор из ng-repeat

0

В этом коде, как я могу получить значение user.Id передано в функции ng-click="UpdateUser()"?

> 
>     <tr ng-repeat="user in users | filter: search ">
>     <td>{{ user.Id }}</td>
>     <td><button type="button" ng-click="UpdateUser()" >Update</button></td>
> <tr>
>

Diamond 30 июнь 2015, в 14:45

Источник

Теги:

javascript

angularjs

2 ответа

2

Обновите ng-click button как показано ниже:

ng-click="UpdateUser(user.Id)"
//                   ^^^^^^^

Код

Посмотреть:

<button ng-click="UpdateUser(user.Id)">Update</button>
//                           ^^^^^^^

контроллер:

$scope.UpdateUser = function(userId) {
//                           ^^^^^^
    alert(userId);
};

Tushar 30 июнь 2015, в 09:21

0

Я уже пробовал это, но не работает
Diamond 30 июнь 2015, в 12:16
0

@AbuTaha Вы получаете какую-либо ошибку? Можете ли вы создать демо jsfiddle ?
Tushar 30 июнь 2015, в 12:16
0

да, ошибка = "Не удается прочитать свойство 'Id' неопределенного в n. $ scope.UpdateUser"
Diamond 30 июнь 2015, в 12:17
0

@AbuTaha Проверить обновленный ответ
Tushar 30 июнь 2015, в 12:19
0

Это уже так: scope.UpdateUser = function (userId) ...
Diamond 30 июнь 2015, в 12:45
0

@AbuTaha Тогда как вы можете получить сообщение error = "Cannot read property 'Id' of undefined at n.$scope.UpdateUser . Пожалуйста, добавьте полный код вопроса
Tushar 30 июнь 2015, в 12:47
0

вот почему я прошу помощи @Tushar
Diamond 30 июнь 2015, в 13:12

Показать ещё 5 комментариев

Ещё вопросы

Я уже пробовал это, но не работает
@AbuTaha Вы получаете какую-либо ошибку? Можете ли вы создать демо jsfiddle ?
да, ошибка = "Не удается прочитать свойство 'Id' неопределенного в n. $ scope.UpdateUser"
@AbuTaha Проверить обновленный ответ
Это уже так: scope.UpdateUser = function (userId) ...
@AbuTaha Тогда как вы можете получить сообщение error = "Cannot read property 'Id' of undefined at n.$scope.UpdateUser . Пожалуйста, добавьте полный код вопроса

Alberto I.N.J. · Accepted Answer · 2015-06-30T12-13-00.000Z

Попробуйте передать user.id на updateUser().

Проверьте, соответствуют ли ваши коды кодам ниже.

Здесь ссылка JsFiddle.

HTML

<div ng-controller="YourCtrl">
    <table style="width:100%">
        <tr ng-repeat="user in users| filter: search">
            <td>{{ user.Id}}</td>
            <td><button type="button" ng-click="updateUser(user.Id)" >Update</button></td>
        <tr>
    </table>
    <br />
    Selected UserId: {{selectedUserId}}
</div>

Ваш контроллер

'use strict';
var app = angular.module('myApp', []);
app.controller('YourCtrl', ['$scope', function($scope) {

        $scope.users = [
            {
                "Id": 2609,
                "FullName": "Hasan Ibn Alhaitham",
                "Email": "[email protected]",
                "Mobile": "5642597952",
                "Birthdate": "1966-06-‌15T21:00:00.000Z",
                "Gender": "Male",
                "AcademicLevel": "Master"
            },
            {
                "Id": 2615,
                "FullName": "Welcome page",
                "Email": "[email protected]",
                "Mobile": "3243654645",
                "Birthdate": "2015-06-09T2‌1:00:00.000Z",
                "Gender": "Male",
                "AcademicLevel": "High School"
            }
        ];

        $scope.updateUser = function(userId) {
            console.log(userId);
            $scope.selectedUserId = userId;
        };

        console.log($scope.users);

    }]);

Я добавил переменную selectedUserId чтобы проверить, отражает ли она вид.

Примечание. Обратите внимание на camelCase об именах camelCase.

Надеюсь, поможет.