Question

我在controller.js的范围内存储了一个值。如何在html文件中获取该范围值。

Controller.js

myAppCont.controller('Listvalue',['$scope','$rootScope','$http',
function($scope,$rootScope,$http){

      city=$scope.val;
}]);

HTML

 <div class="col-md-10" ng-controller="Listvalue">
 <table class="table table-bordered table-style" id="statusTable">
  <thead>
   <tr>
    <th>values</th>
   </tr>
   </thead>
   <tbody class="align-center">
    <tr>
    <td>{{city}}</td>
    </tr>
    </tbody>
    </table>
    </div>

Answer 1

您需要在控制器内部使用$ scope变量，以其他方式执行

myAppCont.controller('Listvalue',['$scope','$rootScope','$http',
function($scope,$rootScope,$http){
      $scope.city=val;
}]);

然后它将被评估并显示在视图中

 <td>{{city}}</td>

工作Sample

Answer 2

Angular有2路数据绑定原则。与模型绑定的数据将反映在视图中。

使用$ scope访问相应控制器中的模型。

您希望绑定到视图的任何数据都应通过$ scope。

在这种情况下，如果您已将数据存储在$scope.val，

中

将其绑定到您的观点，

<td>{{val}}</td>

这应该有效！

如何从controller.js文件中获取值到angularjs中的html文件

2 个答案: