我无法使用 node js 将来自 Json 的数据注入带有 angularjs 的 html

Posted 2023-03-07

【中文标题】我无法使用 node js 将来自 Json 的数据注入带有 angularjs 的 html

【英文标题】：i can't inject data from Json into html with angularjs using node js

【发布时间】：2018-08-20 06:31:20

【问题描述】：

我无法将 Json 文件中的数据注入到我的 html 中。 我得到了很好的回应，我可以登录到chrome console.log of my response

但我无法将其注入到我的 html 中。

这是我的 angularJs 代码：

 <p ng-bind-html="essaiJson.titre"></p>


var app = angular.module('monApp', ['ngSanitize']);
app.controller('monControl', function($scope, $http, $compile)

    $scope.maVariable = "MEAN Stack";


    $http.get('/javascript/mean.json')
    .then(function(response)
        $scope.essaiJson = response.data;
        console.log($scope.essaiJson);
    );

当我记录 $scope.essaiJson.titre 时，我得到了很好的响应，但是当我绑定它时，什么都没有！

我的 node.js 代码：

var express = require('express'),
    app = express(),
    http = require('http').createServer(app);

app.get('/', function (req, res) 
    res.sendFile(__dirname + '/app/ex11.html');
);

http.listen(8080);

【参考方案1】：

使用<p>essaiJson.titre</p>

而不是<p ng-bind-html="essaiJson.titre"></p>

【讨论】：

我只是将带有 ng-repeat 的 div 从控制器中取出。

【参考方案2】：

ng-bind-html 计算表达式并将生成的 HTML 以安全的方式插入到元素中。

在您的情况下，您只需要将 json 数据绑定到您的 html 中，这可以使用

<p>essaiJson</p>

以下是您要达到的目标的示例： https://stackblitz.com/edit/angularjs-cuhtns

【讨论】：

谢谢，它不起作用，我认为是因为我使用 node js 和 angularjs $http.get