Question

我无法将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);

Answer 1

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

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

Answer 2

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

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

完成

<p>{{essaiJson}}</p>

以下是您尝试实现的示例： https://stackblitz.com/edit/angularjs-cuhtns

我无法使用节点js

2 个答案: