angularjs之directive中@=&

@father:<input type="text" ng-model="data"/>
        <me title="{{data}}">@</me>
        
=father:<input type="text" ng-model="msg"/>
        <you title="msg">=</you>
        
<he func="cli(str)">&</he>

接下来是主要的js代码：

var app = angular.module("myApp", []);
            app.controller('myCtrl',['$scope',function($scope) {
                $scope.cli = function(str) {
                    console.log(str);
                }
//                $scope.str = "this is he!";
            }])
            app.directive('me',function() {
                return {
                    restrict:"E",
                    scope:{
                        title:'@'
                    },
                    template:"<div>{{title}}@:<input type='text' ng-model='title'/></div>"
                }
            })
            
            
            app.directive('you',function() {
                return {
                    restrict:"E",
                    scope: {
                        title:"="
                    },
                    template:"<div>{{title}}=:<input type='text' ng-model='title'/></div>"
                }
            })
            
            app.directive('he',function() {
                return {
                    restrict:"E",
                    scope: {
                        func:"&"
                    },
                    template:"<div><input ng-model='v'/><button ng-click='func({str:v})'>点击</button></div>"//在func里面加参数的写法
                }
            })

总结：@就是在引用时要加{{}}，且子元素不能改变父元素的model,=就是在引用时直接引用，不加{{}}，子元素可以改变父元素的model,双向绑定，&是负责方法调用的，其中可以添加参数，如以上例子所示写法。