<!DOCTYPE HTML>

<html ng-app="myApp">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<style>

#parent div{ width:300px; height:500px; border:1px # solid; margin:20px;}

#parent ul{ width:200px; position:fixed; top:; right:;}

</style>

<script src="angular.min.js"></script>

<script>

//供应商：为对应的服务初始化相关配置

var m1 = angular.module('myApp',[]);

//interpolateProvider是interpolate（插值）的服务供应商，scopeProvider是scope的服务供应商。供应商的操作要在config里面写。

m1.config(['$interpolateProvider',function($interpolateProvider){

    //不用{{}}用@@@@。

    $interpolateProvider.startSymbol('@@');

    $interpolateProvider.endSymbol('@@');

}]);

m1.controller('Aaa',['$scope','$interpolate',function($scope,$interpolate){

    $scope.$watch('body',function(newBody){

        if(newBody){

            var temp = $interpolate(newBody);

            $scope.showText = temp({ name : $scope.name });

        }

    });

}]);

</script>

</head>

<body>

<div ng-controller="Aaa">

    <input type="text" ng-model="name">

    <textarea ng-model="body">

    </textarea>

    <p>@@showText@@</p>

</div>

</body>

</html>
<!DOCTYPE HTML>

<html ng-app="myApp">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<style>

#parent div{ width:300px; height:500px; border:1px # solid; margin:20px;}

#parent ul{ width:200px; position:fixed; top:; right:;}

</style>

<script src="angular.min.js"></script>

<script>

var m1 = angular.module('myApp',[]);

//$logProvider是$log服务的供应商。

m1.config(['$interpolateProvider','$logProvider',function($interpolateProvider,$logProvider){

    $logProvider.debugEnabled(false);//禁用debug,则下面就不能打印hello.

}]);

m1.controller('Aaa',['$scope','$log',function($scope,$log){

    $log.debug('hello');

}]);

</script>

</head>

<body>

<div ng-controller="Aaa">

</div>

</body>

</html>
<!DOCTYPE HTML>

<html ng-app="myApp">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<style>

#parent div{ width:300px; height:500px; border:1px # solid; margin:20px;}

#parent ul{ width:200px; position:fixed; top:; right:;}

</style>

<script src="angular.min.js"></script>

<script>

var m1 = angular.module('myApp',[]);

//$anchorScrollProvider是anchorScroll的服务供应商，

m1.config(['$anchorScrollProvider',function($anchorScrollProvider){

    $anchorScrollProvider.disableAutoScrolling();//禁止锚点跳转。

}]);

m1.controller('Aaa',['$scope','$location','$anchorScroll',function($scope,$location,$anchorScroll){

    $scope.change = function(id){

        $location.hash(id);

        $anchorScroll();

    };

}]);

</script>

</head>

<body>

<div id="parent" ng-controller="Aaa">

    <ul>

        <li ng-repeat="id in [1,2,3,4,5]" ng-click="change('div'+id)">{{id}}aaaaaaaaaa</li>

    </ul>

    <div ng-repeat="id in [1,2,3,4,5]" ng-attr-id="div{{id}}">{{id}}</div>

</div>

</body>

</html>

angularjs 服务供应商的更多相关文章

  1. 前端MVC学习总结（三）——AngularJS服务、路由、内置API、jQueryLite

    一.服务 AngularJS功能最基本的组件之一是服务(Service).服务为你的应用提供基于任务的功能.服务可以被视为重复使用的执行一个或多个相关任务的代码块. AngularJS服务是单例对象, ...

  2. 聊一聊 AngularJS 服务

    什么是服务? 在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用. AngularJS 内建了30 多个服务. 为什么使用服务? 在很多服务中,比如 $loca ...

  3. 前端MVC学习笔记（三）——AngularJS服务、路由、内置API、jQueryLite

    一.服务 AngularJS功能最基本的组件之一是服务(Service).服务为你的应用提供基于任务的功能.服务可以被视为重复使用的执行一个或多个相关任务的代码块. AngularJS服务是单例对象, ...

  4. AngularJS学习之旅—AngularJS 服务(八)

    1.AngularJS 服务(Service) AngularJS 中你可以创建自己的服务,或使用内建服务.2.什么是服务? 在 AngularJS 中,服务是一个函数或对象,可在你的 Angular ...

  5. AngularJS 1.x系列：AngularJS服务-Service、Factory、Provider、Value及Constant（5）

    1. AngularJS服务 AngularJS可注入类型包括:Service.Factory.Provider.Value及Constant. 2. Service AngularJS Servic ...

  6. AngularJS 1.x系列：AngularJS服务-Service

    1. AngularJS服务 AngularJS可注入类型包括:Service.Factory.Provider.Value及Constant. 2. Service AngularJS Servic ...

  7. 选择IM云服务供应商

    选择IM云服务供应商,其实最重要是有三个因素:费用.技术稳定性.以及后续运维服务. 对于不少创业公司来讲,可能需要找到成本和稳定性的最佳平衡点.目前国内不少IM云服务产品都推出了免费服务项目或者一定期 ...

  8. 18.angularJS服务

    转自:https://www.cnblogs.com/best/tag/Angular/ 服务 AngularJS功能最基本的组件之一是服务(Service).服务为你的应用提供基于任务的功能.服务可 ...

  9. angularjs provider 供应商服务

    今天学习了angularjs的provider的供应商服务,写了个例子(自定义供应商服务,也可使用angularjs内部提供的服务) var starterApp = angular.module(' ...

随机推荐

  1. 分库代价高的情况下，如何优化ES解决亿级数据量检索

    数据平台已迭代三个版本,从一开始遇到很多常见的难题,到现在终于有片段时间整理一些已完善的文档,在此分享以供所需朋友的实现参考,但愿能帮助大家少走些弯路,在此篇幅中偏重于ElasticSearch的优化 ...

  2. IE6浏览器不支持固定定位（position：fixed）解决方案(转)

    IE6浏览器不支持固定定位(position:fixed)解决方案   来源:互联网 作者:佚名 时间:12-04 10:54:05 [大 中 小] 点评:有些朋友在进行网页布局时,会遇到IE6浏览器 ...

  3. ASP.NET-MVC中Entity和Model之间的关系

    Entity 与 Model之间的关系图 ViewModel类是MVC中与浏览器交互的,Entity是后台与数据库交互的,这两者可以在MVC中的model类中转换 MVC基础框架 来自为知笔记(Wiz ...

  4. WinServer-IIS-请求筛选

    这个实在太多了,可以比较好的控制网站的访问 来自为知笔记(Wiz)

  5. [转]收集android上开源的酷炫的交互动画和视觉效果

    原文链接:http://www.open-open.com/lib/view/open1411443332703.html 描述:收集android上开源的酷炫的交互动画和视觉效果. 1.交互篇 2. ...

  6. POJ 1671

    其实求的是BELL数,即前N个第二类斯特林数的和. 一首诗有n行,每一行有一种韵律,问这首诗总共可能有多少种韵律排列.如4行,则所有的15种情况为:aaaa, aaab, aaba, aabb, aa ...

  7. 王立平--EditText实现单行显示，左側图标，提示信息

    <EditText            android:layout_width="200dp"           android:layout_height=" ...

  8. java解析XML saxReader.read(xml) 错误：org.dom4j.DocumentException: no protocol

    java解析XML saxReader.read(xml) 错误:org.dom4j.DocumentException: no protocol 完整错误信息: org.dom4j.Document ...

  9. 关于hexo markdown添加的图片在github page中无法显示的问题

    title: 关于hexo markdown添加的图片在github page中无法显示的问题 date: 2018-03-31 00:21:18 categories: methods tags: ...

  10. BZOJ 4260 trie树

    思路: 搞一个前缀异或和 一次从左往右 另一次从右往左 异或最大值 用字典树搞一搞 //By SiriusRen #include <cstdio> #include <cstrin ...