angularjs - 如何在 html 中打印 $scope 数据

标签 angularjs

我想在我的 html 中打印 $scope.data 那怎么可能呢?

$scope.getdata=function(val){
    $location.url('/page/profile');
       var url = "example.com";
       var data= this.user;
       var config = {
            headers : {
                'Content-Type': 'application/json;',
                'x-api-key': '123456'
            }
        }

      $http.post(url, data, config).then(function(data) {
       console.log(data);
       $scope.data=data;

      }) };

HTML 代码听到我想打印从 Controller 函数获取的数据

<div class="page page-profile" ng-controller="ProfileController">
   <div class="col-sm-3">
       <div class="panel mini-box">
            <span class="btn-icon btn-icon-round btn-icon-lg-alt bg-danger">
                <i class="fa fa-phone"></i>
            </span>
            <div class="box-info">
                <p class="text-muted">Phone</p>
                <p class="size-h4">{{ data }}</p>
            </div>
            </div>                    
        </div>
</div>

enter image description here

最佳答案

Angular 有一个内置的过滤器 用于显示 JSON

在 HTML 中:

<body ng-controller="Ctrl">
    <pre>{{data | json}}</pre>
  </body>

关于angularjs - 如何在 html 中打印 $scope 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48539099/

相关文章:

angularjs - 如何在使用 angular cli 创建的项目中集成 angular2-materialize

javascript - AngularJS $location.path 循环回根

javascript - 动态重定向到主视图中的 div 中的另一个 View

javascript - 使用php从angularjs中的数据库中获取数据

angularjs - Grunt 连接代理 : 404 Not Found

javascript - 如何使用 Angular JS 将数据发布到 SQL Server

javascript - 吴风格 : Unable to pass data over to controller

sql - 如何使用动态数据库切换为单个grails Web应用程序创建多个URL

javascript - angular-Js 中的刷新页面请求

angularjs - 我可以获得 Angular 元素的编译后的 html 吗?