如何在没有所有脚本文本的情况下将脚本包含到我的cshtml文件中

时间:2016-08-03 20:39:55

标签: javascript html angularjs razor

我有一个asp.net cshtml文件,但是我必须包含带有id的脚本html,以便我的ngRoutes工作。到目前为止,我的cshtml文件如下所示:

<div ng-view></div>

<script type="text/ng-template id="one.html">
...very long html...
</script>
<script type="text/ng-template id="two.html">
...very long html...
</script>
<script type="text/ng-template id="three.html">
...very long html...
</script>
<script type="text/ng-template id="four.html">
...very long html...
</script>

我不想包含所有脚本,但需要它像指令一样显示。我怎么能做像...这样的事情。

<div ng-view></div>
<div ng-include="'one.html''"></div>
<div ng-include="'two.html''"></div>
<div ng-include="'three.html''"></div>

我尝试过这种方式,但它不允许我将它包含在剃刀文件中。

1 个答案:

答案 0 :(得分:1)

我假设你正在使用ngRoute。在这种情况下,您可以在配置阶段在routeProvider上设置模板URL:

angular.module('yourmodule', ['ngRoute'])
.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
        .when('/one', {
            templateUrl: 'one.html',
        })
        .when('/two', {
            templateUrl: 'two.html',
        });
}])