Question

我正在尝试加载角度内嵌模板，如下所示：

<ng-include src="templateId"></ng-include>

以下是内联模板：

<script type="text/ng-template" id="needs.html">
  <div class="form-group">
    <div class="col-lg-6">
      <div ng-repeat="need in needs" class="hidden-radios">
        <input type="radio" id="{{need}}" name="needs" ng-required="true" ng-model="advertisement.need" ng-value="need"/>
        <label for="{{need}}" class="col-lg-6">
          <span class="block-span">
            {{ need }}
          </span>
        </label>
      </div>
    </div>
  </div>
</script>

以及控制器的相关部分：

 $scope.focusNeed = function(){
            console.log('focusNeed');
            $scope.templateId='needs.html';
        };

请参阅此处的codepen：http://codepen.io/balteo/pen/ogBBXZ?editors=101

我遇到的问题是该应用尝试通过在服务器上发出请求来加载模板，而不是查看内联模板。

有人可以帮忙吗？

Answer 1

这是因为您的模板超出了范围。将<script type="text/ng-template" id="needs.html">放在ng-app内，它会起作用。

在现实世界中，ng-app位于body。但是你不能这样做。这就是为什么你最好使用plunker。

基于角度的codepen没有使用ng-include加载我的内联模板的问题

1 个答案: