每个ng-include模板都有单独的变量
Separate variable for each ng-include template
Angular中有没有一种方法可以专门为使用ng-include导入的模板创建变量?我的意思是,该变量应该只能在包含的模板中访问。例如:
<ng-include src="template.html" ng-init="varName = lists[0]"></ng-include>
<ng-include src="template.html" ng-init="varName = lists[0]"></ng-include>
在当前设置中,varName的第一个init被varName的第二个初始化所覆盖,这是因为它们在同一范围内。我想做的是varName应该只在该模板的范围内,这样第二个varName就会被视为不同的变量。
感谢
使用具有独立作用域的指令。
angular
.module("app", [])
.directive("var", [function() {
return {
restrict: "E",
// templateUrl: "template.html", this also works
template: "<div><pre>{{ value | json }}</pre></div>",
scope: {
value: "="
}
};
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-init="lists = [{ value: 1 }, { value: 2 }, { value: 3 }]">
<var value="lists[0]"></var>
<var value="lists[1]"></var>
</div>
相关文章:
- 每个ng-include模板都有单独的变量
- 在单独的上下文中运行 js 代码并访问其全局变量
- 如何在日期选择器中的单独变量中获取日期月份和日期
- 根据Angular中的单独变量设置下拉默认值
- JQuery可以't从单独的javascript文件中查找变量
- 如何从php中的会话数组中提取未知数量的元素,并将它们用作JavaScript中的单独变量
- 使用 Javascript 从单独的 PHP 文件中获取变量
- 即使在单独的作用域中也已经定义了 Jslint 变量
- 在单独文件夹/位置中的.js文件之间共享变量
- 在 JavaScript 中将单个字符串拆分为多个单独的变量
- $parent变量在ng-include上从单独的控制器设置时已损坏
- ExpressJS和在单独的路由文件之间传递变量
- Node Express.js从单独文件中声明的路由访问变量
- 将php变量传递到单独的javascript文件
- 如何定义单独的本地和远程变量(PHPStorm、Webstorm)
- 如何在单独的函数中获取此变量?(jQuery)
- 拥有许多僵尸(X/Y变量、大小、生命值),而不单独手动创建每个僵尸
- 如何访问node.js Express 2.5.5中单独路由文件中主应用程序.js中声明的变量
- 谷歌标签管理器,谷歌分析使单独的事件基于Javascript变量点击
- 在Angular中过滤单独的变量