基于角度的代码笔无法使用 ng-include 加载我的内联模板的问题

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';
        };

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

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

谁能帮忙？

Answer 1

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

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