Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 关于指令中替换内容的AngularJS basic_Javascript_Angularjs - Fatal编程技术网

Javascript 关于指令中替换内容的AngularJS basic

Javascript 关于指令中替换内容的AngularJS basic,javascript,angularjs,Javascript,Angularjs,我有一些HTML,看起来像: <custom-logo> <div> <img src="logo.png"> </div> <custom-logo-after> </custom-logo-after> </custom-logo> 我想知道如何修改Angular JS中的自定义徽标指令,在img标记周围添加链接,以便在Angular JS中添加动态链接地

我有一些HTML,看起来像:

<custom-logo>
    <div>
        <img src="logo.png">
    </div>
    <custom-logo-after>
    </custom-logo-after>
</custom-logo>

我想知道如何修改Angular JS中的自定义徽标指令,在
img
标记周围添加链接,以便在Angular JS中添加动态链接地址。

您可以这样做

你可以这样做

你可以用它来做

.directive('customLogo', function() {
    return {
        transclude: true,
        template: '<a href="http://www.google.com"><ng-transclude></ng-transclude></a>'
    }
});
.directive('customLogo',function(){
返回{
是的,
模板:“”
}
});
您可以使用

.directive('customLogo', function() {
    return {
        transclude: true,
        template: '<a href="http://www.google.com"><ng-transclude></ng-transclude></a>'
    }
});
.directive('customLogo',function(){
返回{
是的,
模板:“”
}
});

请给我们看一下指令我不知道你的意思。很抱歉,这是一个非常新的问题。您有一个名为
自定义徽标的指令
-我们没有此指令,因此我们需要查看其代码和模板以帮助向我们显示该指令。我不确定您的意思。很抱歉,这是一个非常新的问题。您有一个名为
自定义徽标的指令
-我们没有此指令,因此,我们需要查看其代码和模板,以便提供帮助。不幸的是,我无法编辑现有html,但可以运行自定义angular js,因此正在寻找修改现有内容的方法。不幸的是,我无法编辑现有html,但可以运行自定义angular js,因此正在寻找修改现有内容的方法
.directive('customLogo', function() {
    return {
        transclude: true,
        template: '<a href="http://www.google.com"><ng-transclude></ng-transclude></a>'
    }
});