<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. Java Classloader原理分析

       类的加载过程指通过一个类的全限定名来获取描述此类的二进制字节流,并将其转化为方法区的数据结构,进而生成一个java.lang.Class对象作为方法区这个类各种数据访问的入口.这个过程通过Jav ...

  2. 《JavaScript模式》读书笔记

    简介 在软件开发过程中,模式是指一个通用问题的解决方案.一个模式不仅仅是一个可以用来复制粘贴的代码解决方案,更多地是提供了一个更好的实践经验.有用的抽象化表示和解决一类问题的模板. 对象有两大类: 本 ...

  3. JavaScript 三种绑定事件方式之间的区别

    JavaScript三种绑定事件的方式: 1. <div id="btn" onclick="clickone()"></div> // ...

  4. this.class.getClassLoader()怎么理解？

    this.class.getClassLoader()怎么理解? java是面向对象语言,面向对象的语言的宗旨就是万事万物皆对象,那么类也是一个对象,类里面的属性和方法也是对象.java里面的所 有的 ...

  5. AngularJS 学习随笔（一）

    AngularJS 初始化加载流程: 1:浏览器载入HTML,然后把它解析成DOM 2:浏览器载入Angular.JS 脚本 3:AngularJS 等到DOMContentLoaded时间触发 4: ...

  6. 解决TextView在显示文字的时候，一行还没显示满就跳到下一行

    转载请注明:转自 http://blog.csdn.NET/u011176685/article/details/48295185 一.问题描述: Android的TextView在显示文字的时候,如 ...

  7. UIProgressView［进度条］［一般型］；UIStepper步数器］［事件驱动型］

    ////  ViewController.m//  ProgressAndSteper////  Created by hehe on 15/9/21.//  Copyright (c) 2015年 ...

  8. javascript-对象的函数(一)

    Date.prototype.Format = function(fmt) { //author: meizz var o = { "M+" : this.getMonth()+1 ...

  9. 我们一起学Windows Phone 8-01-开发环境搭建

    我们仅讨论Windows Phone 8的开发,不考虑兼容向下兼容.也不会提供任何盗版软件的下载.破解. 需要准备 知识:.NET相关开发经验,C#语言开发经验.如果有WPF或Silverlight开 ...

  10. LCD/LED/OLED/等离子显示器区别

    LCD液晶显示器: LCD(Liquid Crystal Display),其构造是在两片平行的玻璃当中放置液态的晶体(液晶),在玻璃后面,以CCFL冷光灯管(类似日光灯)作背光源.液晶的成像原理可以 ...