AngularJS 在同一页面中使用相同的组件

Posted 2023-02-23

【中文标题】AngularJS 在同一页面中使用相同的组件

【英文标题】：AngularJS Use Same Component In same Page

【发布时间】：2020-09-14 12:38:50

【问题描述】：

我第一次使用 angularjs。 我试图在页面中使用相同的搜索组件两次。但在第二个组件中 modal.show 不起作用！

这是我的代码。

我的按钮点击代码。 我点击的地方会显示一个模式。

$scope.openTalepIsEmriList = function (talepUN) 
                a.talepisemrilistesi = [];
                $("#divTalepIsEmriListesiModal").modal("show");
                $http(
                    method: 'POST',
                    url: '/api/CrmTalepHareket/TalepIsEmriListesi?talepUN=' + talepUN,
                    headers:  'Content-Type': 'application/json' 
                )
                    .then(

在页面中我调用组件

第一：

 <talep-ara-tum container-id="abonearama"  kullanici-id="modelTalep.Kullanici.ID" abonemodel="Aboneler" aramadanmi="true" talepler="aratalepmodel" kullaniciisletme="kullaniciisletme"></talep-ara-tum>

秒：

<div class="row">
<talep-ara-tum kullanici-id="modelTalep.Kullanici.ID" abonemodel="Aboneler" 
aramadanmi="false" talepmodel="AboneSahisTalepleri" kullaniciisletme="kullaniciisletme"></talep-ara-tum></div>

【问题讨论】：

这可能是因为两个组件共享相同的 id。

是的，这可能是原因，但解决方案是什么:)

这很大程度上取决于一个问题：使用相同的组件两次使用相同的 id 的原因是什么？

【参考方案1】：

我认为发生这种情况是因为两个组件共享相同的 ID，您可以将其中一个更改为相同，但添加 2 或先将其更改为硬编码 ID，看看是否可行。我真的看不懂它说什么，我看不懂土耳其语（？）。不知道你可以改变 AngularJS 的语言。

【讨论】：

感谢您的回复。是的，它是土耳其语 :) 这是我的组件名称。你可以这样想。

好的，你能不能把 id 改成 test，把另一个改成 test2 什么的。这可能行得通。

您可以添加一个 jsFiddle 或其他我可以尝试您的代码的东西吗？我认为这是一件小事，可能是一个错字。

是的，我们更改了 ID。但我们将 id 从页面发送到组件。并在组件中动态设置 id。并解决了。谢谢。

太好了，你想通了。没问题！