angularjs - ng-click is not working -
angularjs - ng-click is not working -
i'm stuck problem 2 days , couldn't locate core help on matter appreciated.
i creating form inline editable xeditable , edit(save/cancel) buttons working expected delete button not calling given method controller. tried placing on other parts in code both button , link , ng-click not working both ways! i'm quite new @ angular debugging tips on how solve kinds of problems welcome! in advance!
here code app file:
var app = angular.module('app', ["controllers", "xeditable"]) app.run(function (editableoptions) { editableoptions.theme = 'bs3'; });
here code controller (in different .js file app.js)
angular.module("controllers", []) .controller("controller", ["$scope", "$http", function ($scope, $http) { $scope.users= {}; //get display info $http.get("/user/all").success(function (data) { $scope.users= data; }); //form methods $scope.edituser = function (data, id) { edit_data.userid = id; $http.post("/user/edit", edit_data).success(function () { angular.extend(data, { id: id }); }); }; $scope.deleteuser = function (index, id) { $http.post("/user/delete", id).success(function() { $scope.users.splice(index, 1); }); }; }]);
here code form:
<container ng-app="app" ng-controller="controller"> <table class="table"> <tr> <th> name </th> <th> surname </th> <th></th> </tr> <tr ng-repeat="user in users"> <td> <span editable-text="user.name" e-name="name" e-form="rowform" e-required> {{user.name}} </span> </td> <td> <span editable-text="user.surname" e-name="surname" e-form="rowform" e-required> {{user.surname}} </span> </td> <td style="white-space: nowrap"> <form editable-form name="rowform" onbeforesave="edituser($data, user.userid)" ng-show="rowform.$visible" class="form-buttons form-inline" shown="inserted == user"> <button type="submit" ng-disabled="rowform.$waiting" class="btn btn-primary"> save </button> <button type="button" ng-disabled="rowform.$waiting" ng-click="rowform.$cancel()" class="btn btn-default"> cancel </button> </form> <div class="buttons" ng-show="!rowform.$visible"> <button type="button" class="btn btn-primary" ng-click="rowform.$show()">edit</button> <button type="button" class="btn btn-danger" ng-click="deleteuser($index,user.userid)">delete</button> </div> </td> </tr>
angularjs angularjs-directive angularjs-ng-click x-editable
Comments
Post a Comment