0

使用 Angularjs Bootstrap UI，我创建了一系列选项卡/窗格。我使用以下控制器来保存 $scope.panes 的详细信息

function imageGalleryCtrl ($scope, images)
{
    $scope.panes = [
        { title:"Home", content:"create.php", active: true },
        { title:"Upload", content:"Dynamic content 2"}
    ];
}

选项卡/窗格的 HTML 如下所示： 

<pane active="pane.active" heading="{{pane.title}}" ng-repeat="pane in panes">
            <div ng-include="pane.content"></div>
        </pane>
    </tabs>

选项卡正常工作并显示。当前错误是 404，未找到。如果我输入绝对 URL，我会得到 403，禁止......

声明包含路径的正确方法是什么？

4

2 回答 2

0

根据doc，尝试将模板名称用引号括起来。就像是content:"'create.php'"

ngInclude|src – {string} – 评估为 URL 的角度表达式。如果源是字符串常量，请确保将其括在引号中，例如 src="'myPartialTemplate.html'"。

于 2013-07-29T21:21:36.890 回答
0 
<pane active="pane.active" heading="{{pane.title}}" ng-repeat="pane in panes">
            <div ng-include="{{pane.content}}"></div>
</pane>

但请注意，它不适用于数组中的第二个对象，因为它不是真正的文件路径，您可能希望以不同的方式构造数据。

例如

<pane active="pane.active" heading="{{pane.title}}" ng-repeat="pane in panes">
            <div ng-include="{{pane.url}}"><p>{{pane.content}}</p></div>
</pane>

    $scope.panes = [
        { title:"Home",
          url: "create.php",
          content:"copy copy copy", active: true
         },
        { title:"Upload",
          url:"",
          content:"Dynamic content 2",
           active:false
        }
    ];
于 2013-07-29T21:56:01.330 回答