如何从渲染的HTML向angularjs应用添加初始数据

维卡斯·拉图里(Vikas Raturi)

我正在创建一个大型的AngularJs应用,该应用需要User Login
在对用户进行身份验证之后,将向其呈现页面,并在以后加载后续数据。

有两种方法:

  • 页面加载后的XHR提取
    这意味着在“运行”块或某处发送XHR请求以获取LoggedIn用户。对...说'/api/current_user.json'

  • 将数据嵌入HTML中
    为避免上述方法的初始加载时间,我认为将一些标签嵌入JSON到HTML页面中是很好的<script>

但是,我无法从代码module.run块的'script'标记中获取此数据
我怎样才能做到这一点 ?

Andrbmgi

您可以使用window object或用于ng-init将数据从呈现的HTML传递到Angular:

窗口对象

将值分配给“窗口”对象。在Angular中,注入$ window服务,该服务引用窗口对象并访问您存储的值。

例:

在您的HTML文件中:

<script>
  window.init = { name: "John Doe" };
</script>

在控制器中(对于运行块应类似地工作):

app.controller('MainCtrl', ['$scope', '$window', function($scope, $window) {      
  $scope.user = $window.init;
  ...
}]);

伍热

创建一个为您初始化值的函数。

在HTML中:

<body ng-controller="MainCtrl" ng-init="initialize( { name: 'Jane Doe' } )">

在控制器中:

$scope.initialize = function( json ) {
  $scope.user2 = json;
};

nk

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何向AngularJS应用添加服务?

来自分类Dev

向angularjs应用程序添加常量

来自分类Dev

渲染angularJS HTML后应用jquery

来自分类Dev

Angularjs 向数组添加新数据

来自分类Dev

在angularjs应用中加载初始数据

来自分类Dev

如何从Android应用程序向Firebase数据库添加数据

来自分类Dev

如何从html和或python3向js文件添加/添加数据

来自分类Dev

如何向Phalcon应用添加新视图?

来自分类Dev

如何向Jinja2的渲染标签添加属性

来自分类Dev

在对象渲染时如何向对象添加过渡?

来自分类Dev

如何使用AngularJS渲染原始HTML?

来自分类Dev

如何从Firebase向阵列添加数据

来自分类Dev

如何向行添加详细数据?

来自分类Dev

如何向qfilesystemmodel项添加额外的数据?

来自分类Dev

如何向数据框添加随机类别?

来自分类Dev

如何向行添加详细数据?

来自分类Dev

如何向原始数据添加字符?

来自分类Dev

如何向 Alte Beacon 添加额外数据

来自分类Dev

如何向 React 的 props 添加数据

来自分类Dev

如何向 QuickSight 数据集添加参数

来自分类Dev

向框架添加渲染偏移

来自分类Dev

如何使用angularJS模板向DOM中添加一些HTML代码并使AngularJS对其进行插值?

来自分类Dev

如何使用实体框架和AngularJS在mvc中更新和删除数据以及向db添加数据?

来自分类Dev

如何使用HTML表单(Laravel)向数据库添加多行

来自分类Dev

如何向 HTML 剪贴板数据添加空格,以便 WinWord 在粘贴时插入它们?

来自分类Dev

angularjs向json数据添加一列

来自分类Dev

从/向Javascript / jQuery渲染数据

来自分类Dev

C# 如何向动态添加的 MSChart 添加数据?

来自分类Dev

如何使用javascript和html一键向firebase数据库中的所有子项添加新数据

Related 相关文章

热门标签

归档