<html class=" js cssanimations csstransitions" ng-app="phonecatApp" >

    <head>

        <title>{{title}}</title>

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

        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

        <link href="/scripts/service/css/font.css" rel="stylesheet" type="text/css">

        <link href="/scripts/service/css/style.css" rel="stylesheet" type="text/css" media="all">

        <link rel="stylesheet" type="text/css" href="/scripts/service/css/magnific-popup.css">

    </head>

<body ng-controller="controller1">
                            <div class="cart">

                                <a class="popup-with-zoom-anim" href ng-click="callNotify('message');">NOTIFY</a>

                            </div>
  <!--<div my-Directive></div>

    {{title}}-->

        <script type="text/javascript" src="/Scripts/angular.min.js"></script>

        <script type="text/javascript">

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

            phonecatApp.controller('controller1', ['$scope', 'notify', function ($scope,notify) {

                $scope.title = "Compare";

                $scope.click1 = function () { alert('abc'); };

                $scope.callNotify = function (msg) {

                    notify(msg);

                };

                $scope.phones = [

                  {

                      'name': 'Nexus S',

                      'snippet': 'Fast just got faster with Nexus S.'

                  },

                  {

                      'name': 'Motorola XOOM™ with Wi-Fi',

                      'snippet': 'The Next, Next Generation tablet.'

                  },

                  {

                      'name': 'MOTOROLA XOOM™',

                      'snippet': 'The Next, Next Generation tablet.'

                  }

                ];

            }]);

            phonecatApp.directive('myDirective', function () {

                return {

                    template: 'Name: {{phones[0].name}}'

                };

            });

            phonecatApp.factory('notify', ['$window', function (win) {

                return function (msg) {

                    console.log('function in service ' + msg);

                    return false;

                };

            }]);

        </script>

angular service/directive的更多相关文章

  1. Angular Service入门

    1.Angular内置service Angular为了方便开发者开发,本身提供了非常多的内置服务.可以通过https://docs.angularjs.org/api/ng/service查看Ang ...

  2. angular service provider

    关于  angular service factory  provider 方面有很多,我也来写一篇加深下印象 provider 是一切方法的基础,所以功能也最强,provider 用来定义一个可以被 ...

  3. [Angular 2] Directive intro and exportAs

    First, What is directive, what is the difference between component and directive. For my understandi ...

  4. 关于angular 自定义directive

    关于angular 自定义directive的小结 首先我们创建一个名为"expander"的自定义directive指令: angular.module("myApp& ...

  5. Angular service, 服务

      早上开车上班, 发现车快没油了, 于是拐进加油站. 有一辆出租车也在加油..   Angular service在一个应用里是以单例形式存在的. 这个单例的实例是由service factory( ...

  6. AngularJS学习之 ngTable 翻页 功能以及利用angular service准备测试数据

    1.官网链接  https://github.com/esvit/ng-table#4.0.0 2.安装ngTable后,一定要记得先注册到自己的项目 .module('pttengApp', [ ' ...

  7. [Angular] Custom directive Form validator

    Create a directive to check no special characters allowed: import {Directive, forwardRef} from '@ang ...

  8. [Angular] Test Directive

    directive: import { Directive, HostListener, HostBinding, ElementRef } from '@angular/core'; @Direct ...

  9. [Angular] Export directive functionalities by using 'exportAs'

    Directive ables to change component behaives and lookings. Directive can also export some APIs which ...

随机推荐

  1. Adobe Edge Animate –可重复使用的个性化按钮制作

    Adobe Edge Animate –可重复使用的个性化按钮制作 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 效果图: 工程文件中:

  2. Bootstrap之导航栏（2015年-05年-20日）

    <nav class="navbar navbar-default" style="border-color: transparent;">< ...

  3. PS基础学习 1---基本工具

    1,选框工具: 选择以后对选框中的内容进行修改 ① Shift + 选框 为正方形 ② 选中后鼠标放在选框中对选择范围进行拖动 ③ 移动工具可以拉着选框中的内容移动 ④ ctrl+D取消选框 ⑤单行选 ...

  4. jquery 60秒倒计时(方法二)

    <script type="text/javascript">var wait=60;document.getElementById("btn"). ...

  5. HDOJ2006求奇数的乘积

    求奇数的乘积 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Subm ...

  6. markdown编辑

    有用的技巧之,如何实现首行空两格,把输入法切换成全角(shift+space),就可以实现一个两字符的空格了. 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 w s r s r s 文本 ...

  7. Android Studio 创建aar包与引用

    两者区别:*.jar: 只包含了class文件与清单文件 ,不包含资源文件,如图片等所有res中的文件.*.aar: 包含所有资源 ,class以及res资源文件全部包含 一.创建aar包1.创建一个 ...

  8. 推荐一款App运营工具：AYL爱盈利App榜单监控

    对包括开发者.产品运营.投资人在内的诸多移动互联网从业人员而言,国内Android应用市场和IOS应用市场的榜单变化数据时大家的必修功课之一:看看这段时间所关注的垂直领域里最火的是哪几款应用:看看竞争 ...

  9. Java Servlet-入门

    配置 servlet <servlet> <servlet-name>one</servlet-name> <servlet-class>servlet ...

  10. win7下将主分区转换成逻辑分区

    在了解怎么转换之前,先搞清楚主分区,扩展分区,逻辑分区的基本概念. 主分区,也称为主磁盘分区,和扩展分区.逻辑分区一样,是一种分区类型.主分区中不能再划分其他类型的分区,因此每个主分区都相当于一个逻辑 ...