AngularJs Simple Edit

0

Я следовал учебному пособию, чтобы получить базовое понимание углов. В моем случае ссылка редактирования не возвращает свойства объекта в текстовое поле. Пожалуйста, дайте мне знать, что я делаю неправильно здесь, это код и скрипка

<body>
<div class="scope" data-ng-app="mymodule" data-ng-controller="mycontroller">
    <h3>AngularJS Filter data sample </h3>
    <br />
    Name:<br /> 
    <input type="text" data-ng-model="Name" /><br />
    <input type="text" data-ng-model="Position" /><br />
    <button data-ng-click="addfriend()"> Add Friend</button>
    <br />
    <input type="text" data-ng-model="Namesearch" /><br />
    <ul>
        <li class="li" data-ng-repeat="element in friendlist | filter:Namesearch | orderBy:'Name'">
            <strong> [{{$index + 1}}] {{ element.Name | uppercase}} working as {{ element.Position}}  </strong>
            [ <a href="#" ng-click="clearUser(element)">clear</a>
            | <a href="#" ng-click="removeUser(element)">X</a>
            | <a href="#" ng-click="editUser(1)">edit</a>
            ]
        </li>
    </ul>
</div>
</body>

И код JS

var mymodule = angular.module('mymodule', [])
mymodule.controller('mycontroller', ['$scope', function ($scope) {
    $scope.friendlist =
        [{ Name: 'Zia', Position: 'AM' }, { Name: 'Zia1', Position: 'PM' }, { Name: 'Zia2', Position: 'GM' }
        ];

    $scope.editUser = function (id) {

        for (i in $scope.friendlist) {
            if ($scope.friendlist[i].Name == 'Zia') {

                $scope.newFriend = angular.copy($scope.friendlist[i]);
            }
        }
    }
}]);

играть на скрипке

а также я хочу знать значение class="scope" в первом div

  • 0
    Я не вижу скриптовую ссылку
  • 0
    for (i in $scope.friendlist) { - использовать регулярный цикл for при итерации массива - for..in предназначен для итерации свойств объектов.
Показать ещё 2 комментария
Теги:

1 ответ

0
Лучший ответ

Решает ли ваш вопрос ваш вопрос? http://jsfiddle.net/3hv7y369/

На входах вам нужно newFriend.Name и newFriend.Position чтобы показать скопированные значения. Я также закончил editUser() для работы с каждым пользователем.

  • 0
    и Как обновить измененное значение, чтобы снова показать в списке
  • 0
    Я советую вам сделать кнопку «сохранить», которая копирует значения в соответствующую запись в $scope.friendlist . Это автоматически обновляет отображаемый список.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню