Javascript 为什么不是'；我的Angular.js请求是否正常工作？_Javascript_Html_Angularjs_Arduino_Arduino Yun

Javascript 为什么不是'；我的Angular.js请求是否正常工作？

javascript html angularjs arduino

Javascript 为什么不是'；我的Angular.js请求是否正常工作？,javascript,html,angularjs,arduino,arduino-yun,Javascript,Html,Angularjs,Arduino,Arduino Yun,我的目标是在一个HTML按钮点击上旋转一个伺服系统若干秒。我使用Arduino Yun作为我的微控制器当我直接输入URL时，伺服会按它应该的方式旋转。当我使用Angular.js GET请求单击这些按钮时，什么都没有发生。即使是常规的表单提交按钮也可以工作我的代码有什么遗漏吗有没有更简单的方法来实现这一点这是我的前端代码： <!DOCTYPE html> <html> <head> <link rel="stylesheet" href=

我的目标是在一个HTML按钮点击上旋转一个伺服系统若干秒。我使用Arduino Yun作为我的微控制器

当我直接输入URL时，伺服会按它应该的方式旋转。当我使用Angular.js GET请求单击这些按钮时，什么都没有发生。即使是常规的表单提交按钮也可以工作

我的代码有什么遗漏吗

有没有更简单的方法来实现这一点

这是我的前端代码：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
    <script src="jquery-1.11.1.min.js"></script>
    <script src="http://code.angularjs.org/1.2.6/angular.min.js"></script>
    <title>winner's cat Feeder</title>
</head>
<body>
    <div ng-controller="ArduinoCtrl" class="container">
        <button ng-click="setServo(1)" class="btn">3 Seconds(Food)</button>
        <button ng-click="setServo(2)" class="btn">9 Seconds(Food)</button>
    </div>

</body>
</html>


<script type="text/javascript">

    function ArduinoCtrl($scope, $http)
    {
        $scope.setServo = function (setting)
        {
            var url = "http://192.168.1.79/arduino/" + setting
            $http.get(url);
        }

    }

</script>


赢家的猫咪喂食器
3秒（食物）
9秒（食物）
函数（$scope，$http）
{
$scope.setServo=功能（设置）
{
变量url=”http://192.168.1.79/arduino/“+设置
$http.get（url）；
}
}

如果我只是在浏览器中键入设置值为1或2的URL，伺服工作正常。

您需要添加

ng app

指令并将控制器添加到模块：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
    <script src="jquery-1.11.1.min.js"></script>
    <script src="http://code.angularjs.org/1.2.6/angular.min.js"></script>
    <title>winner's cat Feeder</title>
</head>
<body ng-app="myApp">
    <div ng-controller="ArduinoCtrl" class="container">
        <button ng-click="setServo(1)" class="btn">3 Seconds(Food)</button>
        <button ng-click="setServo(2)" class="btn">9 Seconds(Food)</button>
    </div>

</body>
</html>


<script type="text/javascript">

    function ArduinoCtrl($scope, $http)
    {
        $scope.setServo = function (setting)
        {
            var url = "http://192.168.1.79/arduino/" + setting
            $http.get(url);
        }

    }

    angular.module("myApp", []).controller("ArduinoCtrl", ArduinoCtrl);

</script>


赢家的猫咪喂食器
3秒（食物）
9秒（食物）
函数（$scope，$http）
{
$scope.setServo=功能（设置）
{
变量url=”http://192.168.1.79/arduino/“+设置
$http.get（url）；
}
}
角度.module（“myApp”，[]）.controller（“ArduinoCtrl”，ArduinoCtrl）；

请参见工作演示

var-app=angular.module（'app'，[]）；
app.controller（'ArduinoCtrl'，函数（$scope，$http）{
$scope.response={}；
$scope.progress=false；
$scope.setServo=功能（设置）{
$scope.progress=true；
变量url=”http://192.168.1.79/arduino/“+设置
$http.get（url）.then（suces，error）.then（function（）{
$scope.progress=false；
});
功能成功（响应）{
复制（响应，$scope.response）
}
功能错误（响应）{
复制（响应，$scope.response）
}
}
});

3秒（食物）
9秒（食物）
请稍候

回应
{{response}json}
您可以使用-http和WWW进行尝试吗？您可以向我们显示错误以提供帮助better@Furkan谢谢你的回复。不，这不行。看起来我的代码没有到达get请求。没有错误。该网页处于静止状态。请检查浏览器中的“网络”选项卡，它是否会显示错误消息或处于挂起状态？您正在运行哪个服务器？@Billy Unterminated字符串常量（JavaScript）。我在VS2012中使用它，所以IIS。