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>