2017-03-09 29 views
0

コードが下に動作ブラウザで実行すると完璧にうまく動作します。しかし、同じコードがイオン固有のコードに置かれているとき。それは あなたはそれを介して私を助けることはできません。 Advaceに感謝します。IONICイベントをクリックします。動作していません

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

ピックは、それ以外の問題がjsファイルのminificaitonに起こるのだろう、と勝っangularjsあなたが推奨DIのスタイルを使用する必要がもう少し説明 The Click Event Doesn't Occur

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に、SCRIPTコードを.tsまたは.jsファイルに入れます。

また、ブラウザでの作業はAndroid Buildでの作業とは異なります。

+0

ありがとうトンブロ!! –

0

を与えます依存関係は見つかりません。

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

}]); 
+0

このコードは、ブラウザから実行すると完璧に動作します。しかし、私はイオンとコードをバンドルするときではありません –

関連する問題