Я следовал учебному пособию, чтобы получить базовое понимание углов. В моем случае ссылка редактирования не возвращает свойства объекта в текстовое поле. Пожалуйста, дайте мне знать, что я делаю неправильно здесь, это код и скрипка
<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
Решает ли ваш вопрос ваш вопрос? http://jsfiddle.net/3hv7y369/
На входах вам нужно newFriend.Name
и newFriend.Position
чтобы показать скопированные значения. Я также закончил editUser()
для работы с каждым пользователем.
$scope.friendlist
. Это автоматически обновляет отображаемый список.
for (i in $scope.friendlist) {
- использовать регулярный циклfor
при итерации массива -for..in
предназначен для итерации свойств объектов.