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

1.scope：bool 或者 object代码： 

    
   
            外部:{
  {myProperty}}        
            
    
        
    
    
   

var app = angular.module('myApp', []);app.controller('myCtrl', function ($scope) {    $scope.myProperty = '张三';});app.directive('myDirective', function () {    return {        restrict: 'A',        scope: false, //继承但不隔离，控件内部，外部数据同步        //scope:true, //继承并隔离，即template内部变量修改，不影响外部        // scope:{}, //隔离且不继承        template: '
   
    内部：{
  {myProperty}} 
     
   
'    }});

2.scope制定object绑定

    
   
        
    
                 外部:{
  {myProperty}}            
     
            
             
    
    
   

//定义模块，封装指令angular.module('common', []).directive('myDirective', function () {    return {        restrict: 'E',        //内部重新定义绑定字段名称        scope: {            //title: '@' //将标签定义的字符串，绑定显示            title:'=' //将指令内部scope字段和指令外部模块scope字段双向绑定        },        template: '
   
    内部：{
  {title}} 
     
   
'    }});//使用指令 myProperty对应外部绑定字段名称，title对应指令内部绑定名称var app = angular.module('myApp', ['common']);app.controller('myCtrl', function ($scope) {    $scope.myProperty = '张三';});

    
   
        
    
            
     Graphics            
     ng            
     D3            
     Front-end            
     Startup        
    
    
   

angular.module('myApp', [])    .directive('sideBox', function () {        return {            restrict: 'EA',            scope: {                title: '@'            },            transclude: true,            template: '
   
    
     
' +                '{
  { title }}
     
    
   
'        };    });