为什么这个角度指令只调用一次
why is this angular directive only invoked once?
我定义了以下琐碎指令
angular.module('my-app').directive('formPanel', function () {
return {
restrict: 'EA',
scope: {
forms: "=",
title: "@",
formSelect: "&"
},
templateUrl: 'formPanel.html'
};
}
);
formPanel.html
模板的内容为:
<h1>foo</h1>
如果我像这样调用指令3次:
<form-panel title="title" forms="entitledApplications"
form-select="goToFormDetails(selectedForm)"/>
<form-panel title="title" forms="maybeEntitledApplications"
form-select="goToFormDetails(selectedForm)"/>
<form-panel title="title" forms="applications"
form-select="goToFormDetails(selectedForm)"/>
以下输出呈现为
<h1>foo</h1>
但我期待着下面的
<h1>foo</h1>
<h1>foo</h1>
<h1>foo</h1>
如果传递给forms
scope属性的列表为空/null,似乎会出现问题,但我不明白为什么。
尝试为指令HTML元素使用结束标记:
<form-panel title="title" forms="entitledApplications"
form-select="goToFormDetails(selectedForm)"></form-panel>
<form-panel title="title" forms="maybeEntitledApplications"
form-select="goToFormDetails(selectedForm)"></form-panel>
<form-panel title="title" forms="applications"
form-select="goToFormDetails(selectedForm)"></form-panel>
不能对自定义元素使用自关闭标记。
您的代码与关闭标签配合良好
<form-panel title="title" forms="entitledApplications"
form-select="goToFormDetails(selectedForm)"></form-panel>
DEMO
相关文章:
- 如何用JavaScriptEasy的方式一次调用大量restful服务
- 有没有一种方法可以在一次调用中修改每个jquery对象的特定属性
- 如何在一次调用中使用jquery从外部文件中获取多个剑道ui模板
- JS - 正则表达式替换在一次调用中发生多次,如何让它运行一次
- 进度条函数在一次调用后中断
- 如何使用上一次调用的数据进行第二次 JS .post 调用
- 如何通过一次调用 Facebook Graph API 来获取多个相册图片 URL
- 创建不会中断上一次调用的重复动画
- 如何只需一次调用就可以将对象数组保存到mongoose DB中
- 为什么函数只运行一次?在上一次调用完成后,尝试使用计数器函数多次运行函数
- 如何在android中一次调用多个java脚本函数来加载webview
- 下划线throttle+确保最后一次调用
- 如何重复调用一个函数并等待下一次调用之前完成
- 如何从函数的最后一次调用中判断它是同步调用还是异步调用?
- 我有这三个函数,该怎么做呢在onload时一个接一个地调用它们在refresh时一次调用一个函数
- 函数只适用于最后一次调用
- 一次调用两个函数
- 在Symfony 2上使用Assetic组合文件,只对所有CSS文件进行一次调用
- 烬:每5秒轮询一次api,但要在获得前一次调用的响应之后
- 一次调用多个ajax函数,PHP, ajax