IONIC Click Event. Not Working

Question

The Code Below Works Perfectly fine when i run it in browser. But when the same code is placed in ionic specific code. it doesn't Can you guys help me through it. Thanks in Advace.

<div ng-app="myapp" ng-controller="empcontroller">
<form>
        <input type="text" ng-model="empno">
       <input type="text" ng-model="empname"> 
        <input type="button" value="submit" ng-click="insertdata()" /> 
</form>
<script>
    var app = angular.module('myapp',[]);
    app.controller('empcontroller',function($scope,$http){
        $scope.insertdata=function(){
            $http.post("localhost/Angular/insert.php",{
                'empno' : $scope.empno, 'empname' : $scope.empname
            }).sucess(function(data,status,headers,config)
            {
                console.log("Data inserted Sucessfully");
            });
        }
    });
</script>

The Pic Will Give a Little Bit more Explanation

I tired @GSURENDARTHINA But the Result was same. if you could guide me with the same it would be really helpful. — somesh tripathi
– somesh tripathi, Commented Mar 9, 2017 at 7:19

gsthina · Accepted Answer · 2017-03-10 18:12:47Z

Your HTML Code can be as follows.

<div ng-app="myapp" ng-controller="empcontroller">
    <ion-input type="text" ng-model="empno"></ion-input>
    <ion-input type="text" ng-model="empname"></ion-input>
    <button ion-button type="submit" block ng-click="insertdata()">Submit</button></ion-input>
</div>

The above is in AngularJS. If you want to use Angular2, then follow the below code.

<div ng-app="myapp" ng-controller="empcontroller">
  <form (ngSubmit)="logForm()">
    <ion-input type="text" [(ngModel)]="empno"></ion-input>
    <ion-input type="text" [(ngModel)]="empname"></ion-input>
    <button ion-button type="submit" block (click)="insertdata()">Submit</button>
  </form>
</div>

Moreover, I would suggest you to write your codes in the respective files. That is, your HTML code into the .html and SCRIPT code into the .ts or .js file.

Also, working on browser is different than working on an Android Build.

Hikmat G. · Accepted Answer · 2017-03-09 06:52:26Z

0

You need to use recommended DI style otherwise problems will happen in minificaiton of js, and angularjs won't find dependencies.

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

}]);

edited Mar 9, 2017 at 6:52

Hikmat G.

2,6211 gold badge22 silver badges41 bronze badges

answered Mar 9, 2017 at 6:33

Prajwal Bati

1958 silver badges20 bronze badges

1 Comment

somesh tripathi Over a year ago

This Code Works Perfectly When i run it from a browser. but it doesn't when i bundle the code with ionic

Collectives™ on Stack Overflow

IONIC Click Event. Not Working

2 Answers 2

1 Comment

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Related