Javascript $http.get角度和节点错误_Javascript_Html_Angularjs_Node.js_Get

Javascript $http.get角度和节点错误

javascript html angularjs node.js

Javascript $http.get角度和节点错误,javascript,html,angularjs,node.js,get,Javascript,Html,Angularjs,Node.js,Get,我的问题是$http.get指令-->没有$http.get在主页中，我得到“random 46”（测试正常），但是如果我插入$http.get我得到“random{number}}” 我怎样才能解决这个问题 server.js（节点后端） core.js（角度前端） index.html <html ng-app="myModule"> <head>  <meta charset="utf-8">

我的问题是

$http.get

指令-->没有

$http.get

在主页中，我得到

“random 46”

（测试正常），但是如果我插入

$http.get

我得到

“random{number}}”

我怎样才能解决这个问题

server.js（节点后端）

core.js（角度前端）

index.html

<html ng-app="myModule">

<head>
    <!-- META -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"><!-- Optimize mobile viewport -->

    <title>Random number from sa-mp</title>

    <!-- SCROLLS -->
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"><!-- load bootstrap -->
    <style>
        html                    { overflow-y:scroll; }
        body                    { padding-top:50px; }
        #todo-list              { margin-bottom:30px; }
    </style>

    <!-- SPELLS -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><!-- load jquery -->
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.7/angular.min.js"></script><!-- load angular -->
    <script src="core.js"></script>

</head>

<!-- SET THE CONTROLLER AND GET ALL TODOS -->
<body ng-controller="myController">
    <div class="container">

        <!-- HEADER AND TODO COUNT -->
        <div class="jumbotron text-center">
            <h1>random <span class="label label-info">{{ number }}</span></h1>
        </div>

    </div>
</body>

</html>

及

但它不起作用

编辑2：已解决

我换了这个

.controller('myController', function($scope) {

与

并用它来设置数据

$scope.number = res.data.text;

尝试在回调的最后一行使用$scope.$apply（）

比如：

如果有效的话。您可以在本文中了解更多信息：

此外，您应该获取

res.data.text

，以便在html中具有正确的值。比如：

$scope.number=res.data.text

当占位符没有被替换时，通常意味着代码出错。您是否检查了控制台的错误？我注意到控制台上没有任何日志（“成功”或“错误”）

<html ng-app="myModule">

<head>
    <!-- META -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"><!-- Optimize mobile viewport -->

    <title>Random number from sa-mp</title>

    <!-- SCROLLS -->
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"><!-- load bootstrap -->
    <style>
        html                    { overflow-y:scroll; }
        body                    { padding-top:50px; }
        #todo-list              { margin-bottom:30px; }
    </style>

    <!-- SPELLS -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><!-- load jquery -->
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.7/angular.min.js"></script><!-- load angular -->
    <script src="core.js"></script>

</head>

<!-- SET THE CONTROLLER AND GET ALL TODOS -->
<body ng-controller="myController">
    <div class="container">

        <!-- HEADER AND TODO COUNT -->
        <div class="jumbotron text-center">
            <h1>random <span class="label label-info">{{ number }}</span></h1>
        </div>

    </div>
</body>

</html>

res.data
$scope.$apply();

res.data.text
$scope.$apply();

res.text
$scope.$apply();

.controller('myController', function($scope) {

.controller('myController', function($scope, $http) {

$scope.number = res.data.text;

$http.get('/api/random')
    .then(function successCallback(res) {
        $scope.number = res.data.text;
        $scope.$apply();
        console.log('success');
    }, function errorCallback() {
        console.log('Error');
});