如何从另一个HTML文件访问ng模型？_Html_Angularjs

如何从另一个HTML文件访问ng模型？

html angularjs

如何从另一个HTML文件访问ng模型？,html,angularjs,Html,Angularjs,我有一个index.html文件，其中包含以下内容： Index.html <div> <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a> <label>Edit mode</label> <input type="checkbox" ng-model="edit"> </div> <d

我有一个

index.html

文件，其中包含以下内容：

Index.html

<div>
    <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a>
    <label>Edit mode</label>
    <input type="checkbox" ng-model="edit">
</div>

<div>
    <i ng-show="edit" class="fa fa-trash icon-options"></i>
    <i ng-show="edit" class="fa fa-cog icon-options"></i>
    <i class="fa fa-refresh icon-options"></i>
    <i ng-hide="loading" class="fa fa-spinner fa-spin icon-options"></i>
    <div class=Bar></div>
</div>

<div>
    <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a>
    <label>Edit mode</label>
    <input type="checkbox" ng-model="edit">
</div>
<div>
<i ng-show="edit" class="fa fa-trash icon-options"></i>
    <i ng-show="edit" class="fa fa-cog icon-options"></i>
    <i class="fa fa-refresh icon-options"></i>
    <i ng-hide="loading" class="fa fa-spinner fa-spin icon-options"></i>
</div>

<div>
    <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a>
    <label>Edit mode</label>
    <input type="checkbox" ng-model="edit">
    <div ng-include="'file_path of bar.html'">
    </div>
</div>

<i ng-show="edit" class="fa fa-trash icon-options"></i>
    <i ng-show="edit" class="fa fa-cog icon-options"></i>
    <i class="fa fa-refresh icon-options"></i>
    <i ng-hide="loading" class="fa fa-spinner fa-spin icon-options"></i>
</div>

以及所有内容都在Index.html中的部分

<div>
    <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a>
    <label>Edit mode</label>
    <input type="checkbox" ng-model="edit">
</div>

<div>
    <i ng-show="edit" class="fa fa-trash icon-options"></i>
    <i ng-show="edit" class="fa fa-cog icon-options"></i>
    <i class="fa fa-refresh icon-options"></i>
    <i ng-hide="loading" class="fa fa-spinner fa-spin icon-options"></i>
    <div class=Bar></div>
</div>

<div>
    <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a>
    <label>Edit mode</label>
    <input type="checkbox" ng-model="edit">
</div>
<div>
<i ng-show="edit" class="fa fa-trash icon-options"></i>
    <i ng-show="edit" class="fa fa-cog icon-options"></i>
    <i class="fa fa-refresh icon-options"></i>
    <i ng-hide="loading" class="fa fa-spinner fa-spin icon-options"></i>
</div>

<div>
    <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a>
    <label>Edit mode</label>
    <input type="checkbox" ng-model="edit">
    <div ng-include="'file_path of bar.html'">
    </div>
</div>

<i ng-show="edit" class="fa fa-trash icon-options"></i>
    <i ng-show="edit" class="fa fa-cog icon-options"></i>
    <i class="fa fa-refresh icon-options"></i>
    <i ng-hide="loading" class="fa fa-spinner fa-spin icon-options"></i>
</div>


编辑模式

只需在bar.html中添加所需的代码，并按以下方式包含该文件

index.html

<div>
    <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a>
    <label>Edit mode</label>
    <input type="checkbox" ng-model="edit">
</div>

<div>
    <i ng-show="edit" class="fa fa-trash icon-options"></i>
    <i ng-show="edit" class="fa fa-cog icon-options"></i>
    <i class="fa fa-refresh icon-options"></i>
    <i ng-hide="loading" class="fa fa-spinner fa-spin icon-options"></i>
    <div class=Bar></div>
</div>

<div>
    <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a>
    <label>Edit mode</label>
    <input type="checkbox" ng-model="edit">
</div>
<div>
<i ng-show="edit" class="fa fa-trash icon-options"></i>
    <i ng-show="edit" class="fa fa-cog icon-options"></i>
    <i class="fa fa-refresh icon-options"></i>
    <i ng-hide="loading" class="fa fa-spinner fa-spin icon-options"></i>
</div>

<div>
    <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a>
    <label>Edit mode</label>
    <input type="checkbox" ng-model="edit">
    <div ng-include="'file_path of bar.html'">
    </div>
</div>

<i ng-show="edit" class="fa fa-trash icon-options"></i>
    <i ng-show="edit" class="fa fa-cog icon-options"></i>
    <i class="fa fa-refresh icon-options"></i>
    <i ng-hide="loading" class="fa fa-spinner fa-spin icon-options"></i>
</div>


编辑模式

bar.html

<div>
    <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a>
    <label>Edit mode</label>
    <input type="checkbox" ng-model="edit">
</div>

<div>
    <i ng-show="edit" class="fa fa-trash icon-options"></i>
    <i ng-show="edit" class="fa fa-cog icon-options"></i>
    <i class="fa fa-refresh icon-options"></i>
    <i ng-hide="loading" class="fa fa-spinner fa-spin icon-options"></i>
    <div class=Bar></div>
</div>

<div>
    <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a>
    <label>Edit mode</label>
    <input type="checkbox" ng-model="edit">
</div>
<div>
<i ng-show="edit" class="fa fa-trash icon-options"></i>
    <i ng-show="edit" class="fa fa-cog icon-options"></i>
    <i class="fa fa-refresh icon-options"></i>
    <i ng-hide="loading" class="fa fa-spinner fa-spin icon-options"></i>
</div>

<div>
    <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a>
    <label>Edit mode</label>
    <input type="checkbox" ng-model="edit">
    <div ng-include="'file_path of bar.html'">
    </div>
</div>

<i ng-show="edit" class="fa fa-trash icon-options"></i>
    <i ng-show="edit" class="fa fa-cog icon-options"></i>
    <i class="fa fa-refresh icon-options"></i>
    <i ng-hide="loading" class="fa fa-spinner fa-spin icon-options"></i>
</div>

只需在bar.html中添加所需的代码，并按以下方式包含该文件

index.html

<div>
    <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a>
    <label>Edit mode</label>
    <input type="checkbox" ng-model="edit">
</div>

<div>
    <i ng-show="edit" class="fa fa-trash icon-options"></i>
    <i ng-show="edit" class="fa fa-cog icon-options"></i>
    <i class="fa fa-refresh icon-options"></i>
    <i ng-hide="loading" class="fa fa-spinner fa-spin icon-options"></i>
    <div class=Bar></div>
</div>

<div>
    <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a>
    <label>Edit mode</label>
    <input type="checkbox" ng-model="edit">
</div>
<div>
<i ng-show="edit" class="fa fa-trash icon-options"></i>
    <i ng-show="edit" class="fa fa-cog icon-options"></i>
    <i class="fa fa-refresh icon-options"></i>
    <i ng-hide="loading" class="fa fa-spinner fa-spin icon-options"></i>
</div>

<div>
    <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a>
    <label>Edit mode</label>
    <input type="checkbox" ng-model="edit">
    <div ng-include="'file_path of bar.html'">
    </div>
</div>

<i ng-show="edit" class="fa fa-trash icon-options"></i>
    <i ng-show="edit" class="fa fa-cog icon-options"></i>
    <i class="fa fa-refresh icon-options"></i>
    <i ng-hide="loading" class="fa fa-spinner fa-spin icon-options"></i>
</div>


编辑模式

bar.html

<div>
    <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a>
    <label>Edit mode</label>
    <input type="checkbox" ng-model="edit">
</div>

<div>
    <i ng-show="edit" class="fa fa-trash icon-options"></i>
    <i ng-show="edit" class="fa fa-cog icon-options"></i>
    <i class="fa fa-refresh icon-options"></i>
    <i ng-hide="loading" class="fa fa-spinner fa-spin icon-options"></i>
    <div class=Bar></div>
</div>

<div>
    <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a>
    <label>Edit mode</label>
    <input type="checkbox" ng-model="edit">
</div>
<div>
<i ng-show="edit" class="fa fa-trash icon-options"></i>
    <i ng-show="edit" class="fa fa-cog icon-options"></i>
    <i class="fa fa-refresh icon-options"></i>
    <i ng-hide="loading" class="fa fa-spinner fa-spin icon-options"></i>
</div>

<div>
    <a class="btn btn-primary" ng-click="showModal()" href="#">Add Widget</a>
    <label>Edit mode</label>
    <input type="checkbox" ng-model="edit">
    <div ng-include="'file_path of bar.html'">
    </div>
</div>

<i ng-show="edit" class="fa fa-trash icon-options"></i>
    <i ng-show="edit" class="fa fa-cog icon-options"></i>
    <i class="fa fa-refresh icon-options"></i>
    <i ng-hide="loading" class="fa fa-spinner fa-spin icon-options"></i>
</div>

您可以添加所有这些内容都集中在一起的部分吗？（你是否从

Index.html

中包含

Bar.html

，如果是，如何包含？它们都包含在另一个html视图中吗？是否将

Bar.html

注入到模式中？）你能提供一个处理模型的控制器吗？我更新了我的问题你能添加所有这些内容的部分吗？（你是否从

Index.html

中包含

Bar.html

，如果是，如何包含？它们都包含在另一个html视图中吗？是否将

Bar.html

注入模式？）你能提供一个处理模型的控制器吗？我更新了我的问题