Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 根据指令中的属性设置templateUrl大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在处理一组角度指令,我想根据属性的存在或值来加载正确的模板.
<my-form horizontal> </my-form>
<my-form vertical> </my-form>

如果是水平的,templateUrl应该是/ partials / horizo​​ntal-form和
如果是垂直的,templateUrl应该是/ partials / vertical-form

我对templateUrl感兴趣,因为我不能使用模板,因为html依赖于属性.在compile.pre函数中,html已经被加载了.

如果有另一种方式实现这一点,我开放,因为我现在开始有角度,越多的信息越好.

谢谢

其中一个解决方案是在模板文件使用Ng-include.

模板文件中的第一个属性将具有以下内容

<div ng-include = "getTemplate()">

</div>

在您的指令代码中,您将编写以下内容

scope : {direction : "="},link : function(scope,element,attrs)
{
    scope.getTemplate = function(){
        if(scope.direction === "horizontal")
        {
            return "horizontal.html";
        }
        return "vertical.html";
    }
}

希望这可以帮助!

大佬总结

以上是大佬教程为你收集整理的angularjs – 根据指令中的属性设置templateUrl全部内容,希望文章能够帮你解决angularjs – 根据指令中的属性设置templateUrl所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。