admin管理员组

文章数量:1315300

i can't show object data in my html, just get blank field. I can see data with Angularjs Batarang, but just can't show it in html. Thank you for any answer.

index.html

<!DOCTYPE html>
<html lang="en" ng-app="Idle">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href=".11.2/angular-material.min.css">
    <link rel="stylesheet" href="css/style.css">

    <title>Test</title>
</head>
<body ng-controller="IdleCtrl">
    <pre>{{ myData.length }}</pre>
    <pre>{{ myData | json}}</pre>

    <!-- Angular Material Dependencies -->
    <script src=".4.7/angular.min.js"></script>
    <script src="js/angular-animate.min.js"></script>
    <script src="js/angular-aria.min.js"></script>
    <script src="js/angular-messages.min.js"></script>

    <!-- Angular Material Javascript now available via Google CDN; version 0.11.2 used here -->
    <script src=".11.2/angular-material.min.js"></script>

    <script src="js/myapp/app.js"></script>
    <script src="js/myapp/filters.js"></script>
</body>
</html>

app.js

var app = angular.module('Idle', ['ngMaterial']);
app.controller('IdleCtrl', ['$scope', '$http', function($scope, $http){
    $http.defaults.headersmon["X-Custom-Header"] = "Angular";

    $http.get('data/currentUser').then(function(request) {
        $scope.myData = request.data;
    });
}]);

data/currentUser json

{"login":1,"hours":10,"steamInfo":{"provider":"steam","_json":{"steamid":"76561198015496944","munityvisibilitystate":3,"profilestate":1,"personaname":"SLI","lastlogoff":1444503135,"mentpermission":1,"profileurl":"/","avatar":".jpg","avatarmedium":".jpg","avatarfull":".jpg","personastate":1,"realname":"Kirill Malikov","primaryclanid":"103582791435895197","timecreated":1257803858,"personastateflags":0,"gameid":"730","loccountrycode":"RU","locstatecode":"66","loccityid":42316},"id":"76561198015496944","displayName":"SLI","photos":[{"value":".jpg"},{"value":".jpg"},{"value":".jpg"}],"identifier":""}}

image preview

i can't show object data in my html, just get blank field. I can see data with Angularjs Batarang, but just can't show it in html. Thank you for any answer.

index.html

<!DOCTYPE html>
<html lang="en" ng-app="Idle">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://ajax.googleapis./ajax/libs/angular_material/0.11.2/angular-material.min.css">
    <link rel="stylesheet" href="css/style.css">

    <title>Test</title>
</head>
<body ng-controller="IdleCtrl">
    <pre>{{ myData.length }}</pre>
    <pre>{{ myData | json}}</pre>

    <!-- Angular Material Dependencies -->
    <script src="https://ajax.googleapis./ajax/libs/angularjs/1.4.7/angular.min.js"></script>
    <script src="js/angular-animate.min.js"></script>
    <script src="js/angular-aria.min.js"></script>
    <script src="js/angular-messages.min.js"></script>

    <!-- Angular Material Javascript now available via Google CDN; version 0.11.2 used here -->
    <script src="https://ajax.googleapis./ajax/libs/angular_material/0.11.2/angular-material.min.js"></script>

    <script src="js/myapp/app.js"></script>
    <script src="js/myapp/filters.js"></script>
</body>
</html>

app.js

var app = angular.module('Idle', ['ngMaterial']);
app.controller('IdleCtrl', ['$scope', '$http', function($scope, $http){
    $http.defaults.headers.mon["X-Custom-Header"] = "Angular";

    $http.get('data/currentUser').then(function(request) {
        $scope.myData = request.data;
    });
}]);

data/currentUser json

{"login":1,"hours":10,"steamInfo":{"provider":"steam","_json":{"steamid":"76561198015496944","munityvisibilitystate":3,"profilestate":1,"personaname":"SLI","lastlogoff":1444503135,"mentpermission":1,"profileurl":"http://steammunity./id/slipros/","avatar":"https://steamcdn-a.akamaihd/steammunity/public/images/avatars/4d/4d66e9aa26d7d797e391509f964a06402f884258.jpg","avatarmedium":"https://steamcdn-a.akamaihd/steammunity/public/images/avatars/4d/4d66e9aa26d7d797e391509f964a06402f884258_medium.jpg","avatarfull":"https://steamcdn-a.akamaihd/steammunity/public/images/avatars/4d/4d66e9aa26d7d797e391509f964a06402f884258_full.jpg","personastate":1,"realname":"Kirill Malikov","primaryclanid":"103582791435895197","timecreated":1257803858,"personastateflags":0,"gameid":"730","loccountrycode":"RU","locstatecode":"66","loccityid":42316},"id":"76561198015496944","displayName":"SLI","photos":[{"value":"https://steamcdn-a.akamaihd/steammunity/public/images/avatars/4d/4d66e9aa26d7d797e391509f964a06402f884258.jpg"},{"value":"https://steamcdn-a.akamaihd/steammunity/public/images/avatars/4d/4d66e9aa26d7d797e391509f964a06402f884258_medium.jpg"},{"value":"https://steamcdn-a.akamaihd/steammunity/public/images/avatars/4d/4d66e9aa26d7d797e391509f964a06402f884258_full.jpg"}],"identifier":"http://steammunity./openid/id/76561198015496944"}}

image preview

  • javascript
  • angularjs
Share Improve this question asked Oct 11, 2015 at 4:05 SLISLI 75311 silver badges29 bronze badges 2
  • Are you using angular with another framework like laravel? – Ahmad Baktash Hayeri Commented Oct 11, 2015 at 4:14
  • I use it with nodejs – SLI Commented Oct 11, 2015 at 4:15
Add a ment  | 

1 Answer 1

Reset to default 9

I suppose that whatever framework you might be using Angular with, is interfering with the way you echo your data using {{ and }}.

Try changing the aforementioned to the following:

<pre>@{{ myData.length }}</pre>
<pre>@{{ myData | json}}</pre>

本文标签： javascriptAngularjs can39t show object in htmlStack Overflow

版权声明：本文标题：javascript - Angularjs can&#39;t show object in html - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1741979850a2408330.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。