Angular service
<!DOCTYPE html> <html lang="en" ng-app="myApp"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="lib/angular.js"></script> </head> <body> <div ng-controller="ServiceCtrl"> <label for="username"> Type in a Github username </label> <input type="text" ng-model="username" placeholder="Enter a Github username"> <ul> <li ng-repeat="event in events"> {{event.actor.login}} {{event.repo.name}} </li> </ul> </div> <script> angular.module('myApp.services', []) .factory('githubService', function ($http) { var githubUrl = 'https://api.github.com'; var runUserRequest = function (username, path) { return $http({ method: 'JSONP', url: githubUrl + '/users/' + username + '/' + path + '?callback=JSON_CALLBACK' }); } return { events: function (username) { return runUserRequest(username, 'events'); } } }); angular.module('myApp', ['myApp.services']) .controller('ServiceCtrl', function ($scope, githubService) { $scope.$watch('username', function (newUsername) { githubService.events(newUsername).success(function (data, status, headers) { $scope.events = data.data; }) }); }); </script> </body> </html>
分类:
javascript
标签:
angularjs
, javascript
posted on 2014-08-28 19:37 Ijavascript 阅读(298) 评论(0) 编辑 收藏 举报
【推荐】还在用 ECharts 开发大屏？试试这款永久免费的开源 BI 工具！
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 后端思维之高并发处理方案
· 理解Rust引用及其生命周期标识（下）
· 从二进制到误差：逐行拆解C语言浮点运算中的4008175468544之谜
· .NET制作智能桌面机器人：结合BotSharp智能体框架开发语音交互
· 软件产品开发中常见的10个问题及处理方法
· 后端思维之高并发处理方案
· 千万级大表的优化技巧
· 在 VS Code 中，一键安装 MCP Server！
· 想让你多爱自己一些的开源计时器
· 10年+ .NET Coder 心语 ── 继承的思维：从思维模式到架构设计的深度解析