[Angular] Isolate Scop &

<!DOCTYPE html>
<html>
    <head>
        <title>Angular Directive</title>
        <link rel="stylesheet" href="foundation.min.css" />
        <script src="angular.min.js"></script>
        <script src="main.js"></script>
    </head>
    <body >
        <div ng-app="photoApp">
            <div ng-controller="photoCtrl" phone dial = "callHome(message)" pay = "makeLove(person)"></div>
        </div>
    </body>
</html>

var app = angular.module("photoApp", []);

app.controller("photoCtrl", function($scope){
    $scope.callHome= function(message){
        console.log("Call "+message+" sex service");
    }
    
    $scope.makeLove= function(person){
        console.log("ask "+person+" come make love with me");
    }    
});

app.directive("phone", function() {
  return {
    scope: {
        dial: "&"  ,
        pay: "&"    //can pass obecjt to dial
                        //pass object between controller and directive
    }, 
    template: '<input type="text" ng-model="value"><div class="button" ng-click="dial({message:value})">Call Home</div>'+
                '<input type="text" ng-model="name"><div class="button" ng-click="pay({person:name})">make love</div>'
  }
});

posted @ 2014-08-17 19:10 Zhentiw 阅读(179) 评论(0) 编辑收藏举报

刷新页面返回顶部

（评论功能已被禁用）

公告

昵称： Zhentiw
园龄： 13年2个月
粉丝： 41
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

Answer1215

[Angular] Isolate Scop &

公告

常用链接

最新随笔

积分与排名

随笔分类

随笔档案

阅读排行榜

评论排行榜