IONIC点击活动。不工作

Question

以下代码在浏览器中运行时非常好。但是当相同的代码放在离子特定代码中时。它没有 你能帮我解决一下吗？ 感谢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>

Pic将提供更多解释

Answer 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上工作不同。

Answer 2

你需要使用推荐的DI风格，否则会在js的minificaiton中出现问题，而angularjs不会找到依赖关系。

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

}]);