Angular Js…, функция ng-click не работает

Question

Angular Js…, функция ng-click не работает

0

Я новичок в AngularJs, моя проблема в том, что когда я нажал кнопку, которую я добавляю, она не вызывает функцию или функция не работает.

HTML

</tbody>
    <tr>
        <td><input type="text" class="form-control" ng-model="contact.name"/></td>
        <td><input type="text" class="form-control" ng-model="contact.email"/></td>
        <td><input type="text" class="form-control" ng-model="contact.number"/></td>
        <td colspan="2">
        <button class="btn btn-primary btn-block" ng-click="addContact()">Add Contact</button>
        </td>
    </tr>
    <tr ng-repeat="contact in contactlist">
        <td>{{contact.name}}</td>
        <td>{{contact.email}}</td>
        <td>{{contact.number}}</td>
        <td><button class="btn btn-danger" ng-click="removeContact(contact._id)"><i class="glyphicon glyphicon-trash"></i></button></td>
        <td><button class="btn btn-info" ng-click="editContact(contact._id)"><i class="glyphicon glyphicon-pencil"></i></button></td>
    </tr>
</tbody>

Угловая

$scope.editContact = function(id){
    $http.get('/contactlist/' + id).success(function(response){
        $scope.contact = response;

        var addButton = angular.element('#custom_btn');

        addButton.empty();

        addButton.append('<button class="btn btn-success btn-block" ng-click="update()">Update Contact</buton>');
    });
};

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

что не так с моим кодом. моя идея в том, что это то же самое с jQuery.. где все элементы, добавленные jquery, будут иметь body при вызове функции.

заранее спасибо.

Sam Teng Wong 11 авг. 2015, в 10:16

Источник

0

пожалуйста, поместите ваш HTML-код, чтобы увидеть, что происходит в представлении
soroush gholamzadeh 11 авг. 2015, в 07:21
0

Пожалуйста, прочитайте этот ответ, прежде чем начинать с Angular - это избавит вас от головной боли
New Dev 11 авг. 2015, в 07:23
0

это опечатка ?: у вас есть addContact() но ваша настоящая функция - editContact()
soroush gholamzadeh 11 авг. 2015, в 07:25
0

@soroushgholamzadeh нет .., в коде нет ошибок, но при изменении кнопки ... для обновления ... ng-click не работает.
Sam Teng Wong 11 авг. 2015, в 07:28
0

Где находится функция editContact ()?
NNR 11 авг. 2015, в 07:32

Показать ещё 3 комментария

Теги:

javascript

jquery

angularjs

1 ответ

Ещё вопросы

пожалуйста, поместите ваш HTML-код, чтобы увидеть, что происходит в представлении
Пожалуйста, прочитайте этот ответ, прежде чем начинать с Angular - это избавит вас от головной боли
это опечатка ?: у вас есть addContact() но ваша настоящая функция - editContact()
@soroushgholamzadeh нет .., в коде нет ошибок, но при изменении кнопки ... для обновления ... ng-click не работает.

soroush gholamzadeh · Accepted Answer · 2015-08-11T04-49-00.000Z

Прежде всего, прочитайте эту дискуссию.

Вы можете использовать директиву ng-if в представлении html вместо JQuery:

<tr>
...
    <td colspan="2" id="custom_btn">
        <button class="btn btn-primary btn-block" ng-click="addContact()">Add Contact</button>
        <button ng-if="isEdited" class="btn btn-success btn-block" ng-click="update()">Update Contact</buton>
    </td>
</tr>

И в функции editContact:

$http.get('/contactlist/' + id).success(function(response){
    $scope.contact = response;

    $scope.isEdited = true;
});

Примечание: если вы получили ошибку для update() используйте представление $parent.update() в представлении.

Спасибо, сэр .. это решило мою проблему.