IONIC單擊事件。不工作

下面的代碼工作完美的罰款，當我在瀏覽器中運行它。但是當相同的代碼被放置在離子特定代碼中時。它不是你們能幫我解決嗎？感謝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>

知情同意將給予一點點解釋

來源

2017-03-09 somesh tripathi

爲什麼不在那裏使用Ionic標籤？ –

我累了@GSURENDARTHINA但結果是一樣的。如果你可以引導我一樣，這將是非常有益的。 –

拼寫檢查成功功能，有一個錯字。 –

您的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上工作。

來源

2017-03-10 18:12:47

感謝噸Bro！ –

您需要使用推薦的DI風格，否則問題將在JS的minificaiton發生，angularjs贏得找不到依賴關係。

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

}]);

來源

2017-03-09 06:33:57

此代碼完美工作當我從瀏覽器運行它。但它不會當我捆綁代碼離子 –

IONIC單擊事件。不工作

回答

相關問題