angularjs-ng-include 相关问题

获取,编译并包含外部HTML片段。

复选框未绑定到AngularJS中的范围

我正在尝试使用 ng-model 将复选框绑定到范围。复选框的初始状态与范围模型相对应,但是当我选中/取消选中该复选框时,模型不会更改。一些

回答 5 投票 0

ng-include 不起作用

我使用 AngularJs 创建了一个简单的页面。当我尝试在index.html 中包含header.htm 时,浏览器中没有显示任何内容。 索引.html <p>我使用 AngularJs 创建了一个简单的页面。当我尝试在 index.html 中包含 header.htm 时,浏览器中没有显示任何内容。</p> <p><strong>index.html</strong> </p> <pre><code>&lt;html&gt; &lt;script src=&#34;https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js&#34;&gt; &lt;/script&gt; &lt;body&gt; &lt;div ng-app=&#34;&#34;&gt; &lt;div ng-include=&#34;&#39;views/header.htm&#39;&#34;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>标题.htm</p> <pre><code>&lt;h1&gt;Header&lt;/h1&gt; </code></pre> </question> <answer tick="false" vote="0"> <p>您还没有显示您的文件夹结构以及<pre><code>header.html</code></pre>的定义。从下次开始尝试创建<a href="https://stackoverflow.com/help/mcve">MCVE</a>。</p> <p>我创建了一个<a href="http://jsfiddle.net/MfHa6/1860/" rel="nofollow noreferrer"><strong>小提琴</strong></a>来展示它是如何工作的。</p> <pre><code>&lt;div ng-controller=&#34;Ctrl&#34;&gt; &lt;div ng-include =&#34;&#39;header.html&#39;&#34; onload=&#39;myFunction()&#39;&gt;&lt;/div&gt; &lt;/div&gt; &lt;!-- header.html --&gt; &lt;script type=&#34;text/ng-template&#34; id=&#34;header.html&#34;&gt; Content of Header html &lt;/script&gt; function Ctrl($scope) { $scope.myFunction = function() { alert(&#39;header loaded&#39;); } } </code></pre> </answer> <answer tick="false" vote="0"> <p>您请求<pre><code>views/header.htm</code></pre>,因此您的文件结构需要如下所示:</p> <pre><code>- index.html - views - header.htm </code></pre> <p>要在本地测试您的站点,请使用<a href="https://www.npmjs.com/package/http-server" rel="nofollow noreferrer">http-server</a>之类的工具。或者,当您使用基于 Mac 或 Unix 的计算机时,您只需在项目目录中运行 <pre><code>python -m SimpleHTTPServer</code></pre>。</p> </answer> </body></html>

回答 0 投票 0

从angularjs升级到angularjs时替换ng-include的最佳实践?

令我沮丧的是,angular不再支持ng-include指令。我的代码库使用数百个共享的部分html文件。我似乎找不到任何文档。任何人都可以在右边碰面...

回答 1 投票 -1

为什么使用ng-include时pushState会中断?

使用ng-include时,pushState函数被破坏。以下是一个简单的示例。 [ ]

回答 1 投票 0

在Angular中,如何在视图中增加计数器?

例如,我想在递归脚本中有一个计数器,它计算脚本被调用的次数。然而,而不是获得1 2 3的打印输出...我得到1 1 1 ......这是......

回答 2 投票 1

如何使用ng-include和ng-click事件重定向到另一个html登录页面?

我是AngularJs的新手。我有2个不同的html页面。我创建了一个网站,它有静态主页和登录页面,可以通过按钮访问。如何使用ng-include和...加载登录页面

回答 1 投票 0

使用ng-include时css不在子主题中工作

我正在使用AdminLTE模板来创建一个简单的Web应用程序。我正在使用AngularJS作为我的前端。我想在一些儿童主题中分割我的主题,因为它更容易mantein。要做到这一点,我用“......

回答 1 投票 0

角度传递范围到ng-include

我有一个我写的控制器,我在我的应用程序的多个地方使用ng-include和ng-repeat,如下所示:

回答 8 投票 37

表格中的md按钮位置对齐

我正在使用ng-include来调用我的表单“test_form”,显示按钮在中心对齐。如何在表格的右下角对齐它们?的index.html &...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.