Javascript Angular Js http GET响应显示在控制台日志中，但我无法显示ng视图_Javascript_Html_Angularjs

Javascript Angular Js http GET响应显示在控制台日志中，但我无法显示ng视图

javascript html angularjs

Javascript Angular Js http GET响应显示在控制台日志中，但我无法显示ng视图,javascript,html,angularjs,Javascript,Html,Angularjs,AngularJS HTTP GET响应显示在控制台日志中，但我无法在div中显示它。这是我的代码，我是初学者，我不明白为什么它不工作，所以我在这里询问 <!DOCTYPE html> <html lang="en"> <base href="/"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="

AngularJS HTTP GET响应显示在控制台日志中，但我无法在div中显示它。这是我的代码，我是初学者，我不明白为什么它不工作，所以我在这里询问

<!DOCTYPE html>
<html lang="en">
<base href="/">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-sanitize.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>
</head>
<body>
    <a href="test-wallpaper">testing</a>
    <div ng-app="myApp" ng-controller="newcontroller">
        <div ng-bind-html="resultdata"></div>
        <div ng-view></div>
        <script>
            var app = angular.module("myApp", ["ngRoute","ngSanitize"]);

            app.config(function($routeProvider,$locationProvider){
                $routeProvider
                    .when("/:id-wallpaper",{
                        templateUrl: "/new",
                        controller : "newcontroller"
                    });
                $locationProvider.html5Mode(true);
            });

            app.controller("newcontroller", function ($scope, $http, $routeParams) {
                $http({
                    url: "new",
                    method: "get",
                    params: { id: $routeParams.id }
                }).then(function (response) {
                    console.log(response.data);
                    $scope.resultdata = response.data;
                })

            });
        </script>
    </div>
</body>
</html>


文件
var app=angular.module（“myApp”、“ngRoute”、“ngSanitize”）；
app.config（函数（$routeProvider，$locationProvider）{
$routeProvider
.when（“/：id壁纸”{
templateUrl:“/new”，
控制器：“新控制器”
});
$locationProvider.html5Mode（true）；
});
app.controller（“newcontroller”，函数（$scope、$http、$routeParams）{
$http({
网址：“新建”，
方法：“获取”，
参数：{id:$routeParams.id}
}).然后（功能（响应）{
console.log（response.data）；
$scope.resultdata=response.data；
})
});

请从DOM中删除

，并尝试创建

$route

模板。您还可以使用

templateUrl:'nameOfTemplate.html'

为模板创建附加文件，而不是使用

template

param将其绑定为html字符串。请参阅

$route配置 myFile.html的内容（视图）

{{resultdata}

不工作可能是因为其他方面有问题。。如果我手动将某些内容放入变量中，它将在容器$scope.resultdata=“blablabla”中显示perfecty；但是，由于无法使用http请求获得相同的结果，让我试试这个thnxeffort@Gorki对不起，我错了。请检查我的最新答案。@Gorki很高兴帮助你

app.config(function($routeProvider,$locationProvider){
    $routeProvider
        .when("/:id-wallpaper",{
            template: '<div>{{ resultdata }}</div>',
            controller : "newcontroller"
        });
    $locationProvider.html5Mode(true);
});

app.config(function($routeProvider,$locationProvider){
    $routeProvider
        .when("/:id-wallpaper",{
            templateUrl: 'myFile.html',
            controller : "newcontroller"
        });
    $locationProvider.html5Mode(true);
});

<div>{{ resultdata }}</div>