AngularJs模块加载 运行块
来源:互联网 发布:wdcp 安装多版本php 编辑:程序博客网 时间:2024/06/06 02:35
<!DOCTYPE html> <html lang="en" ng-app="App"> <head> <meta charset="UTF-8"> <title>AngularJS 模块加载之 运行块</title> </head> <!-- AngularJS模块:可以在被加载和执行之前对自身进行配置 我们可以在应用加载阶段配置不同的逻辑 ##配置快: 通过config方法实现对模块的配置,AngularJS中的服务多数都对应一个provider, 用来执行与对应服务相同的功能或对其配置,比如$log、$http、$location都是内置服务, 相对应的“provider”分别是$logProvider、$httpProvider、$locationPorvider。 ##运行块: 调用方式1: 服务也是以模块形式存在的,对外提供特定功能,将服务做为依赖注入进去的,然后再进行调用 调用方式2: 直接运行相应的服务模块, AngularJS提供了run方法来实现。 run方法还是最先执行的,利用这个特点我们可以将一些需要优先执行的功能通过run方法来运行, 比如验证用户是否登录,未登录则不允许进行任何其它操作。 --> <body> <div ng-controller="DemoController"> {{name}} </div> <script src="../libs/angular.min.js"></script> <script> var App = angular.module('App', []); // 直接运行$http、$rootScope服务 // $rootScope根作域 App.run(['$http', '$rootScope', function ($http, $rootScope) { // 直接调用$http $http({ url: 'xxxx.php', method: 'get' }); // 根作用域 $rootScope.name = '祖宗'; }]); App.controller('DemoController', ['$scope', function($scope) { $scope.name = '后代'; }]) </script> </body> </html>
0 0