我创建了一个非常简单的指令,用于显示键/值对。 如果插入的内容为空(长度为零或只有空白字符),我希望能自动隐藏该元素。
我无法弄清如何从指令中访问被插入的内容。
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,也许有现成的好方法来处理这种情况。感谢任何帮助。
clone.text().trim().length
会更加准确。 - alalonde