gpt4 book ai didi

javascript - Angularjs/html函数调用

转载 作者:行者123 更新时间:2023-11-30 21:21:14 25 4
gpt4 key购买 nike

我是 angularjs 的新手,我遇到了一些严重的问题,哈哈...

我有这样的东西可以工作,所以我不知道这段代码有什么问题..你能帮我吗?

就是这样:基本上 scope.create 不起作用..它甚至没有进入函数..

<!DOCTYPE html>
<html>`enter code here`
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-resource/1.6.5/angular-resource.min.js"></script>
<script>

var app = angular.module('myAppDevice', ['ngResource']);

app.controller('deviceCtrl', ['$scope', '$resource', function($scope,$resource) {

$scope.create = function(a){
console.log("ola");
Device = $resource(
"http://localhost:8080/userapi/postdevice/:userId/:deviceType",
{},
{save: {method:'POST',isArray:false, params: {userId: '@userId',deviceType:'@deviceType'}}}
);


$scope.Message = Device.save({externalId: $scope.deviceForm.userId, deviceType:a});

$scope.deviceForm.userId = "";

};



}]);

function func(){
console.log("ole");
}


app.controller('deviceCtrl', function($scope) {
$scope.myVar = false;
$scope.toggle = function() {
$scope.myVar = !$scope.myVar;
};
});



</script>
</head>

<body ng-app="myAppDevice">

<div ng-controller="deviceCtrl">
<form name="deviceForm">

<div class="form-group">
<img id="device" alt="sensor"
src="http://www.solucoesindustriais.com.br/images/produtos/imagens_10048/p_sensor-de-movimento-para-porta-12.jpg"
width="300" height="150" ng-click="toggle()" />
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<div class="form-group">
<p ng-show="myVar">
userId: <input ng-model="deviceForm.userId" type=text>
</p>
</div>

<div class="btn-wrapper">
<div class="row-gutter-5">
<div class="col-md-4 col-xs-6 col-sm-6">
<button class="btn btn_blue" type="button"
data-ng-click="create(lamp)" id="Create">Create</button>
</div>
</div>
</div>
</form>
</div>

</body>
</html>

谢谢

[编辑] 谢谢大家!!正如你所说,通过移除 Controller 解决了这个问题。我开始绝望了!!

最佳答案

您正在通过调用两次“deviceCtrl”来复制您的 Controller 。保留一次并尝试。随着代码编译和执行,最新的 deviceCtrl 将被调用,因此 $scope.create() 不会被调用。

关于javascript - Angularjs/html函数调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45163700/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com