<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. [转]Speeding Up Websites With YSlow

    本文转自:http://net.tutsplus.com/tutorials/other/speeding-up-websites-with-yslow/ We all know there are ...

  2. CF Amr and Music (贪心)

    Amr and Music time limit per test 1 second memory limit per test 256 megabytes input standard input ...

  3. 关于关闭Eclipse的控制台自动跳出

    参考文章: http://my.oschina.net/mn1127/blog/161093 Eclipse的控制台console有时候经常的跳出来,非常的烦人! 尤其是在调试期间跳出,以下是分享一下 ...

  4. saltstack实战2--远程执行之目标（target）

    target 就是目标的意思,你要在那台机器上执行此命令或此状态.或者说将此动作或者状态文件推送给谁来执行,让那个minion执行可以进行一些匹配 对于拥有大量机器的环境,如果单独一台台的执行指定mi ...

  5. tools安装

    1.ruby安装  下载安装包 勾选中间一个 2.sass 安装  转换TB镜像 $ gem sources --remove https://rubygems.org/$ gem sources - ...

  6. Jersey(1.19.1) - Rules of Injection

    Previous sections have presented examples of annotated types, mostly annotated method parameters but ...

  7. HttpClient(4.3.5) - HTTP Authentication

    HttpClient provides full support for authentication schemes defined by the HTTP standard specificati ...

  8. Lombok(1.14.8) - @NoArgsConstructor, @RequiredArgsConstructor & @AllArgsConstructor

    @NoArgsConstructor @NoArgsConstructor,提供一个无参的构造方法. package com.huey.hello.bean; import java.util.Dat ...

  9. JAVA之Switch语句

    switch case语句是用来判断case后面的表达式是否与switch的表达式一致,符合的话就执行case语句,不符合则break跳出.而default是当没有符合case的条件下执行的(它不用b ...

  10. sql还原数据库时候，遇到数据库被占用的解决情况

    最近上班时候,经常要做数据库还原,时常遇到数据被占用的情况, 执行一句sql语句就可以解决, ALTER DATABASE dbname SET OFFLINE WITH ROLLBACK IMMED ...