ng-click无效

时间:2015-04-06 23:05:08

标签: angularjs angularjs-directive angularjs-ng-click x-editable

我已经坚持这个问题2天了,我找不到它的核心,所以对此事的任何帮助都非常感激。

我正在使用xeditable创建一个内联可编辑的表单,并且编辑(保存/取消)按钮按预期工作,但DELETE按钮未从控制器调用给定方法。我尝试将它放在代码中的其他部分作为按钮和链接,并且ng-click不是双向工作!我是Angular的新手,所以欢迎任何关于如何解决这类问题的调试技巧!提前谢谢!

以下是应用文件中的代码:

   var app = angular.module('app', ["Controllers", "xeditable"])

   app.run(function (editableOptions) {
        editableOptions.theme = 'bs3';
   });

以下是控制器的代码(来自app.js的不同.js文件)

angular.module("Controllers", [])
.controller("controller", ["$scope", "$http", function ($scope, $http) {

$scope.users= {};
//get display data
$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);
    });
  };
}]);

以下是表单中的代码:

<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>

0 个答案:

没有答案