gpt4 book ai didi

angularjs - 将参数传递给 Angular 的 ng-include

转载 作者:行者123 更新时间:2023-12-02 22:30:37 26 4
gpt4 key购买 nike

我的页面上需要两个表格,表格内需要很多元素。

我创建了文件 AccountItem.html:

<div data-as-sortable-item-handle>
<table>
<tr>
<td class="draggable-index-field">
{{$index + 1}}
</td>
<td class="draggable-name-field">
{{item.accountName}}
</td>
<td class="draggable-enabled-field">
<input id="enabled-{{$index}}" type="checkbox" name="accounts[]" ng-checked="item.enabled" disabled/>
</td>
</tr>
</table>

该文件与表中的每一行相关。

我还为表 SortAccountList.html 创建了文件:

<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title ng-binding">{{title}}</h3>
</div>
<div class="panel-body">
<table>
<td class="draggable-index-field">
#
</td>
<td class="draggable-name-field">
Account Name
</td>
<td class="draggable-enabled-field">
Enabled
</td>
</table>
<ul data-as-sortable = "sortableOptions" data-ng-model="accountList" class="draggable-area">
<li ng-repeat="item in accountList" data-as-sortable-item ng-include="'AccountItem.html'"></li>
</ul>
</div>

我将此文件与指令包含在我的主文件中:

<div ng-include="'SortAccountList.html'" onload="title = 'Sorted Account List'; accountList = sortedAccounts"></div>

当我在浏览器中加载此页面时,它会向我显示表格以及我通过“title”参数传递的标题。但它不想显示表中的行。但是,如果我将 accountList 更改为 sortedAccounts (我的 Controller 中的列表),它将显示所有行。我无法使用sortedAccounts,因为我有第二个表,我想从 Controller 传递不同的帐户。

那么,我的问题是,如何正确传递这个参数?谢谢!

最佳答案

include 标记上的 ng-init=""属性应该可以满足您的需要。

<div ng-include="'SortAccountList.html'" 
ng-init="title = 'SortedAccount List'; accountList = sortedAccounts"></div>`

关于angularjs - 将参数传递给 Angular 的 ng-include,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35805374/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com