Question

我有一个由Angular JS在ng-view中加载的HTML文件。此文件对应代码：

 <script type="text/ng-template" id="searchbox.tpl.html">
        <input type="text" placeholder="Search Box">
</script>

为什么输入fiels不会显示在模板中？我看到空白页。

这是Angular JS代码：

$scope.searchbox = { template: 'searchbox.tpl.html', events: events };

更新：

包含以下内容的HTML文件：

<div class="input-wrap">
     <div ng-include="searchbox.template"></div>
 </div>

HTML文件searchbox.template：

<input type="text" ng-model="formData.address" ng-trim="true" ng-minlength="3" required>

Answer 1

您添加了script并不意味着它会在页面上呈现内部html。从Html读取该脚本后，由于脚本的类型为type="text/ng-template"，因此angular将script内容放在$templateCache服务中，您可以将其作为模板访问在任何地方使用其id值作为网址。

要在页面上显示，您应该ng-include使用src searchbox.tpl.html

<强>标记

<div ng-include="searchbox.template"></div>

Working Plunkr

脚本不在Angular JS中工作

1 个答案: