我创建了一个非常简单的指令,它显示一个键/值对。如果嵌入的内容为空(零长度或只是空格),我希望能够自动隐藏元素。
我无法弄清楚如何访问从指令中嵌入的内容。
app.directive('pair', function($compile) {
return {
replace: true,
restrict: 'E',
scope: {
label: '@'
},
transclude: true,
template: "<div><span>{{label}}</span><span ng-transclude></span></div>"
}
});
例如,我希望显示以下元素。
<pair label="My Label">Hi there</pair>
但是接下来的两个元素应该被隐藏,因为它们不包含任何文本内容。
<pair label="My Label"></pair>
<pair label="My Label"><i></i></pair>
我是 Angular 的新手,所以可能有一种开箱即用的好方法来处理这类事情。任何帮助表示赞赏。