Javascript 用于匹配多个属性的角度指令

Javascript 用于匹配多个属性的角度指令,javascript,angularjs,Javascript,Angularjs,我可以定义一个角度指令,使其匹配多个类似的术语吗 i、 e 将匹配以下两项: <div platform-preload-terms="[]"></div> <div platform-preload-suggestions="[]"></div> 没有通配符指令声明 但您可以隔离函数并重复定义: angular.module('search') .directive('platformPreload', PlatFunction)

我可以定义一个角度指令,使其匹配多个类似的术语吗 i、 e

将匹配以下两项:

<div platform-preload-terms="[]"></div>
<div platform-preload-suggestions="[]"></div>

没有通配符指令声明

但您可以隔离函数并重复定义:

angular.module('search')
    .directive('platformPreload', PlatFunction)
    .directive('platformPreloadSuggestions', PlatFunction)


PlatFunction() {
    return {
        link: function(scope, element, attrs) { }
    }
}

您可以为指令创建隔离作用域,这将允许您在指令的隔离作用域中使用这些属性。像这样:

angular.module('myApp',[])
.controller('appController',函数($scope){
})
.directive('platformPreload',function(){
返回{
限制:“A”,
范围:{
平台术语:“@”,
平台建议:“@”
},
链接:函数($scope,element,attrs){
console.log('DIRECTIVE');
if($scope.platformTerms){
log($scope.platformTerms);
}
if($scope.platformSuggestions){
log($scope.platformSuggestions);
}
}
};
});


您可以设置
”,然后只需在指令中链接
平台术语`或
平台建议
。这是一个有效的解决方案,但我更喜欢保持HTML的干净性。可能更适合于其他情况。
angular.module('search')
    .directive('platformPreload', PlatFunction)
    .directive('platformPreloadSuggestions', PlatFunction)


PlatFunction() {
    return {
        link: function(scope, element, attrs) { }
    }
}