javascript - 带有 ng-include 模板的 Angular 指令

Question

我定义了以下指令我在我的 js 文件中定义了以下指令:

.directive('tabContent',function(){    
                return {
                restrict: 'E',
                template:'<div ng-if="view==\'card" ng-include="card.html"></div>'
            }
        })

然后在我的 html 中使用它:<tabContent></tabContent>但我得到的只是一句话<!--div--><!--ng-if--><!--ng-include-->我错过了什么？

Answer 1

您在字符串中遗漏了一个结束转义的 ' on card 并且 ng-include 也需要单引号，因为它会将您的 url 解析为表达式。

template:'<div ng-if="view==\'card\'" ng-include="\'card.html\'"></div>'