使用scope 来读取这个变量

    scope: {
        yy: '@myModel',
    },

• scope: false 继承父级的scope

• scope: true 不继承，全新的scope

• scope: { xx: '@xx ', yy: '=yy', zz: '&zz' } 从attribute读取相应的值，

  这里的有3个格式

  • @ 读取变量

    $scope.abc = '123';
    <p my-model="abc" />
    
    yy => abc 等于父级的变量，abc变了，这个一起变

  • = 读取值

    $scope.abc = '123';
    <p my-model="{{abc}}" />
    
    yy => 123 获取值，和abc没有关系

  • & 一般用于调用函数

    $scope.click = function() {};
    <p my-model="click" />
    
    yy => 父级的函数

如果 scope: false，可以这样 (万不得已的不要这样用)

注入：$compile $templateRequest $sce

function myInput($compile, $templateRequest, $sce) {
    return {
        ...
        ...
        scope: false,
        link: function(scope, element, attrs) {
            scope.yy = attrs.myModel;
            //需要读取远程模板的
            var templateUrl = $sce.getTrustedResourceUrl('path/to/template.html');
            $templateRequest(templateUrl).then(function(template) {
                element.html(template);
                $compile(element.contents())(scope);
            }, function() {
                // An error has occurred
            });
            //无需读取的
            element.html('<p>..模板内容..</p>');
            $compile(element.contents())(scope);
        }
    }
}