<!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. 在对Activity基类的封装中，我做了什么

    在开发实践中,不同Activity有很多代码是反复冗余的.因此非常有必要将这部分抽取出来.封装一个继承自Activity的类,命名为BaseActivity. 翻看之前写过的代码,起初,BaseAct ...

  2. 8个超实用的Java测试工具和框架

    Java入门 如果你才刚开始接触Java世界,那么要做的第一件事情是,安装JDK——Java Development Kit(Java开发工具包),它自带有Java Runtime Environme ...

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

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

  4. CURL库的宏定义列表

    列表CURL库一共同拥有17个函数 curl_close:关闭CURL会话 curl_copy_handle:复制一个CURL会话句柄,同一时候3复制其全部參数 curl_errno:返回最后一个错误 ...

  5. leetcode第一刷_Reverse Linked List II

    翻转链表绝对是终点项目,应该掌握的,这道题要求的是翻转一个区间内的节点.做法事实上非常相似,仅仅只是要注意判定開始是头的特殊情况,这样head要更新的,还有就是要把翻转之后的尾部下一个节点保存好,要么 ...

  6. [jQuery] 选择器和事件

    jQuery选择器 属性选择器 <p>p1</p> <span style="font-size:24px;"></span>< ...

  7. Baby_Step,Gaint_Step(分析具体解释+模板)

    下面是总结自他人博客资料.以及本人自己的学习经验. [Baby_Step,Gaint_Step定义] 高次同余方程. BL == N (mod P) 求解最小的L.因为数据范围非常大,暴力不行 这里用 ...

  8. zzuoj--10424--无聊的课（简单几何）

    10424: 无聊的课 Time Limit: 1 Sec  Memory Limit: 128 MB Submit: 81  Solved: 16 [Submit][Status][Web Boar ...

  9. java算法数据结构

    原文地址:github.com/kdn251/interviews 译文出自:掘金翻译计划 译者:王下邀月熊 校对者:PhxNirvana.根号三 这个 链接 用来查看本翻译与英文版是否有差别(如果你 ...

  10. 持久层框架Clone

    Clone框架:http://www.52chloe.com/Wiki/Document/3324802610879266816 Clone框架支持多种数据库,我用的是sql server 基本查询: ...