angularjs - 如何为指令的每个实例添加唯一的 id?

标签 angularjs

我想为这个指令中的每个 div 添加一个唯一的 ID,以便我可以指定谷歌地图应该传递的元素:

directive('gMap', function(googleMaps){
return{
        restrict: 'E',
        replace: true,
        transclude: true,
        template: "<div id="{{unique_ID}}"></div><div ng-transclude></div>",
        scope: true,
        link: function(scope, element, attrs){


            //create the map
            var center = googleMaps.makePosition(attrs.centerlat, attrs.centerlong)
            //update map on load
            var options = googleMaps.setMapOptions(center, attrs.zoom);
            scope.map = googleMaps.createMap(options, unique_id)    
        },
    };
}).

最佳答案

不引入大量额外代码的简单解决方案是使用 Date.now()
例如会生成:1397123701418

关于angularjs - 如何为指令的每个实例添加唯一的 id?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22983911/

相关文章:

angularjs - 在 MVC 应用程序中将 Power Bi 报告与 Angular JS 集成

javascript - 需要帮助获取 JSON 数据以覆盖 AngularJS

javascript - 函数和闭包可以替代 Javascript 中的类吗?

javascript - 单元测试 AngularJS 延迟加载 Controller

php - 从 Redis 中获取数组数据 - 如何存储和检索

angularjs - 在 Controller 中处理来自服务的错误

javascript - 当使用模型选择输入时,显示 ng-repeat 内的项目列表

javascript - 仅使用 Angular.js 模板,而不使用整个框架?

angularjs - Angular.js 单击链接下载导致导航到主页

javascript - 如何使用动态 html 和注入(inject) Angular 引导弹出窗口的指令?