2017-03-09 1 views
0

코드가 작동합니다. 브라우저에서 실행할 때 완벽하게 작동합니다. 그러나 동일한 코드가 이온 특정 코드에 배치 될 때. 그것은하지 않습니다 너희들이 그것을 통해 나를 도울 수 있습니까? Advace에 감사드립니다.IONIC Click 이벤트. 작동하지 않음

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

PIC를 조금 더 설명 The Click Event Doesn't Occur

당신은 그렇지 않으면 문제가 JS의 minificaiton에 일어날 추천 DI 스타일을 사용할 필요가

Whereas This Does

+0

왜 이오니아 태그를 사용하지 않으시겠습니까? –

+0

나는 지쳤다 @GSURENDARTHINA 그러나 결과는 같았다. 당신이 나를 안내 할 수 있다면 정말 도움이 될 것입니다. 성공 기능에 대한 –

+0

맞춤법 검사, 오타가 있습니다. –

답변

1

HTML 코드는 다음과 같습니다.

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

위의 내용은 AngularJS입니다. Angular2을 사용하려면 아래 코드를 따르십시오.

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

또한 각 파일에 코드를 작성하시기 바랍니다. 즉, .html에 HTML 코드를 입력하고 .ts 또는 .js 파일에 SCRIPT 코드를 입력하십시오.

또한 브라우저에서 작업하는 것이 Android Build에서 작업하는 것과 다릅니다.

+0

감사합니다. –

0

를 제공하고 원 AngularJS와 의존성을 찾지 못한다.

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

}]); 
+0

이 코드는 브라우저에서 실행할 때 완벽하게 작동합니다. 하지만 이온이 포함 된 코드를 번들로 넣지 않을 때 –