Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 离子点击事件。不起作用_Angularjs_Ionic Framework - Fatal编程技术网

Angularjs 离子点击事件。不起作用

Angularjs 离子点击事件。不起作用,angularjs,ionic-framework,Angularjs,Ionic Framework,当我在浏览器中运行下面的代码时,它工作得非常好。但是当相同的代码被放在离子特定的代码中时。没有 你们能帮我渡过难关吗。 谢谢你 <div ng-app="myapp" ng-controller="empcontroller"> <form> <input type="text" ng-model="empno"> <input type="text" ng-model="empname"> <

当我在浏览器中运行下面的代码时,它工作得非常好。但是当相同的代码被放在离子特定的代码中时。没有 你们能帮我渡过难关吗。 谢谢你

<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>
这张图片会给出更多的解释


您需要使用推荐的DI样式,否则问题将发生在js的minificaiton中,angularjs将找不到依赖项

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

}]);

您的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>
此外,我建议您在各自的文件中编写代码。也就是说,将HTML代码转换为.HTML,并将脚本代码转换为.ts或.js文件


此外,使用浏览器与使用Android版本不同。

当我从浏览器运行它时,这段代码非常有效。但当我把代码与Ionic捆绑在一起时,情况就不一样了。为什么不在那里使用Ionic标记呢?我厌倦了@GSURENDARTHINA,但结果是一样的。如果你能给我同样的指导,那将是非常有帮助的。成功功能的拼写检查,有一个拼写错误。谢谢你,兄弟!!
<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>