Question

我想在我的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代码听到我想要打印来自控制器功能的数据

<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>

Answer 1

Angular有一个用于显示JSON的内置filter

在Html中：

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

Answer 2

当然 - 在你的HTML中，你只需要{{data}}。

这就是你如何展示$scope变量的价值。

但这确实是非常基本问题。你应该在发布之前做更多的研究。

Answer 3

您使用$ rootScope更改$ scope，并在控制器中将其添加为depencendy。

如何在html中打印$ scope数据

3 个答案: