angularjs – 如何检查是否已向指令提供表达式属性？

<my-directive callBACk-expression="someFunction()"> </my-directive>

App.directive('myDirective',function(){
  reStrict: 'E',scope:    {
              callBACkExpression: '&'
            },template: '<button ng-show="!!callBACkExpression">Fire callBACk</button>'
});

function (locals) {
  return parentGet(parentScope,locals);
}

if (attributes.callBACkExpression) scope.callBACkButton = true

如果你想避免在堆栈上放任何东西,那么你可以使用链接功能,你可以通过attrs访问属性.以下是两种方法：

链接功能选项1：

您可以在指令中使用此链接函数而不是使用模板,该函数有条件地添加模板：

link: function (scope,element,attrs) {     
     if (attrs.callBACkExpression) {
         var html = '<button>Fire callBACk</button>';
         element.replaceWith(html);
     }
}

选项1演示：http://jsfiddle.net/ZC4MZ/2/

链接功能选项2(更适合大型模板)：

对于大型模板,您可以使用$templateCache.首先添加模板：

@H_532_7@myApp.run(function($templateCachE) { $templateCache.put('myDirective.html','<button>Fire callBACk</button>'); });

然后有条件地使用它,就像选项1,但使用$templateCache.get()：

link: function (scope,attrs) {     
    if (attrs.callBACkExpression) {
        var html = $templateCache.get('myDirective.html');
        element.replaceWith(html);
    }
}

确保将$templateCache注入到您的指令中：

@H_532_7@myApp.directive('myDirective',function ($templateCachE) {

这是使用$templateCache：http://jsfiddle.net/ZC4MZ/3/的演示

仅使用模板的选项：

要使用模板,您需要在范围上使用变量.为此,您可以保留所有内容,只需添加：

link: function(scope,attrs) {
      scope.callBACkExpression = attrs.callBACkExpression;}
}

模板/范围变量演示：http://jsfiddle.net/ZC4MZ/5/