AngularJS在页面加载时加载数据

Question

我是AngularJS的新用户并尝试设置一个应用程序来读取RSS提要并在页面加载时显示这些项目。

我已经弄清楚如何在点击链接时加载和显示数据（请参阅fiddle），但无法弄清楚如何在页面加载时发生这种情况。

我的想法是我没有正确使用$scope或者应该使用模型。

感谢任何帮助。

代码：http://jsfiddle.net/mikeyfreake/Lzgts/312/

Answer 1

在定义方法本身后调用方法$scope.loadFeeds()。

Answer 2

您尚未调用控制器功能。只需将此代码用于控制器：

  document.getElementById("myLink").addEventListener("click", function(){
     document.getElementById("visualization").innerHTML = "";
     socket.emit('building', window.location.pathname);
  });

Answer 3

使用ng-init指令，该指令将在控制器加载后完全调用＆amp;使用Karma＆amp; amp;测试代码时，可以产生更大的影响茉莉。

<强>标记

<div ng-controller="FeedController" ng-init="loadFeeds()">
  ..other html here
<div>

Fiddle Here

虽然更好的方法是在结束时从控制器调用loadFeeds方法，以确保所有变量＆amp;方法已初始化。你必须将所有ajax响应模拟为模拟数据。