Question

这是我的html部分，我试图输入详细信息..

<div  ng-app="angularPHP">
<div ng-controller="mainpagecntl">
     <div id="customer" class="cuscontainer" hidden="hidden">
        <div>
            <h3 class="modal-title" >Add customer</h3>
            <i class="fa fa-times" id="clo" aria-hidden="true"></i>
        </div>
            <table>
            <tr>

                <div class="form-group" >
                <td><label id="label"  class="control-label">customer Name:</label>
                <td><input type="text" class="form-control" ng-model="customer_name"  />
                </div>
            </tr>
            <tr>
            <div class="form-group">
                <td><label id="label" class="control-label">Address:</label></td>
                <td><input type="text" class="form-control" ng-model="customer_add"/></td>
            </div>
            </tr>
            </table>
                <div class="madal-footer">
                    <button class="btn btn-primary"   ng-click="custadd()">ADD</button><br />

                </div>
        </div>
</div>
</div>

这是我的angular-js部分..

var app = angular.module('angularPHP', []);
     app.controller('mainpagecntl', function($http,$scope)
    {
        $scope.custadd= function()
          {
             data={
                     cname :$scope.customer_name,                            
                      cadd: $scope.customer_add,
                   }
                   $http.post("../pos_system/Widgets/addcust.php?add",data).success(function(data)
                   { 
                   });
                  }
        });

但是当我点击按钮时，我的ng-click功能没有发生任何事情。

Answer 1

尝试在ng-controller="myCtrl"这样添加<div id="customer" class="cuscontainer" hidden="hidden">

<div id="customer" class="cuscontainer" hidden="hidden" ng-controller="myCtrl">

Answer 2

你确定该功能根本没有发射吗？它可能正在解雇但只是未能发布数据。 console.log直接在函数内部检查，例如。

var app = angular.module('angularPHP', []);

app.controller('mainpagecntl', function($http,$scope) {

    var vm = this;

    vm.custadd = function() {

      console.log('test');

      var data = { cname :$scope.customer_name, cadd: $scope.customer_add};

      $http.post("../pos_system/Widgets/addcust.php?add",data)
       .success(function(data) { 
        console.log(data);
       });

    }

}

然后你的ng-click应该是这样的

ng-click='vm.custadd()'

看看是否有所不同。

注意：你的控制器也应该是

ng-controller="mainpagecntl as vm"

如下面的评论中所述。

Answer 3

这是代码的工作演示to_numeric()，当我点击“添加”按钮时，它完美运行。虽然我已从表中删除了一些div标签，因为它的不良做法是Angular在使用它们的指令时不会识别这些标签。

var app = angular.module('angularPHP', []);
app.controller('mainpagecntl', function($http, $scope) {
    $scope.custadd = function() {
        $scope.data = {
            cname: $scope.customer_name,
            cadd: $scope.customer_add,
        }
       // $http.post("../pos_system/Widgets/addcust.php?add", data).success(function(data) {});
    }
});

ng-click不会触发任何事件

3 个答案: