Angular -附加指令到未来的元素

Angular - attach directive to future element

本文关键字：未来 元素 指令 Angular      更新时间：2023-09-26

首先，我是Angular的新手，所以很抱歉如果我的问题看起来很奇怪。

我知道如何将像ng-click这样的基本指令附加到这样的元素:

<button class="test" ng-click="clearOverlays()">Remove</button>

但是我怎么能把一个指令附加到Django模板语言动态生成的输入框中呢?Django代码:

<ul>{{ filter.form.as_ul }}</ul>

未来元素看起来像这样:

<input id="id_property_parent" name="property_parent" type="radio" value="12">

所以理想的变体是如果我能够通过它的ID ('id_property_parent')将ng-change指令附加到未来元素

好吧，这取决于你真正想要达到的目标。我看到了两个不同的案子，但据我所知，你的案子很容易解决。这两种情况是:

  • Django生成的动态html片段通过AJAX加载到DOM中;
  • 动态html片段在页面发送到客户端之前插入到完整的文档中。
如果我错了请纠正我，但我认为你的情况是第二个。在这种情况下，您唯一要做的就是向输入添加一个属性(在您的示例中是ng-change)。当Angular解析文档时，它会找到并编译ng-change指令，而不需要添加任何其他JS代码。所以基本上，你要问的问题是:"如何在Django的表单输入中添加自定义属性?"

希望有所帮助

相关文章：