Angular 带有 ng-include 模板的指令

Question

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

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

然后在我的 html 中使用它：<tabContent></tabContent> 但我得到的只是一句话  我错过了什么？

Answer 1

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

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

Angular 带有 ng-include 模板的指令

Angular Directive with ng-include template

javascript

directive

angularjs

angularjs-ng-include