本文共 966 字，大约阅读时间需要 3 分钟。

1.Html代码：

   
        
    
            
     
     
            外部:
                 
     
     
            
             
    
    
   

//定义模块，封装指令angular.module('common', []).directive('myDirective', function () {    return {        restrict: 'E',        //内部重新定义绑定字段名称        scope: {            myUserData: '=' //将指令内部scope字段和指令外部模块scope字段双向绑定        },        template: '
   
    内部：{
  {myUserData.name}} 
     
   
',        link: function (scope, elem, attr) {            //定义双向绑定处理的字段和方法            scope.myUserData = {                name:'李四'            };            scope.myUserData.say = function () {                console.info('hello');            }        }    }});//使用指令 myUserData对应外部绑定字段名称，user对应指令内部绑定名称var app = angular.module('myApp', ['common']);app.controller('myCtrl', function ($scope) {    //在此处，执行方法，抛出异常 say还没有定义    //$scope.user.say();    setTimeout(function () {        //在此处，指定方法，没有抛出异常 say已经定义        $scope.user.say();    }, 100);});