AngularJS – Google将ui-sref映射到标记内

前端之家收集整理的这篇文章主要介绍了AngularJS – Google将ui-sref映射到标记内前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
嗨,我有角度的谷歌地图,我正在尝试使用按钮进行自定义marker.content到达另一条路线.我正在设置像这样的服务

this.setMarker = function (item,map) {
    var position = new google.maps.LatLng(item.loc[1],item.loc[0]);
    bounds.extend(position);

    var marker = new google.maps.Marker({
        map: map,position: position,title: item.name,icon: iconBase + 'basic_pin.png'
    });

    marker.content = '<div class="infoWindowContent">' +
    '<div class="author">' + item.user.name + '</div>' +
    '<div class="horizontal">' +
    '<dl>' +
    '<dt>created:</dt>' +
    '<dd class="ng-binding">'  + $filter('dateFormat')(item.created_at)  +'</dd>' +
    '<dt>tracks:</dt>' +
    '<dd class="ng-binding">' + item.tracks.length + '</dd>' +
    '<dt>type:</dt>' +
    '<dd class="ng-binding">' + utilsFactory.getPlaylistType(item.settings.is_private,item.settings.is_yooBox,item.settings.is_locked) + '</dd>' +
    '</dl>' +
    '</div>' +
    '<div class="pink_button enter-play">                ' +
    '<a ui-sref="detailSite({playlistID: item._id})" ng-show="false">play</a>' +
    '</div>'+
    '</div>';

    return marker;
};

问题在于ui-sref与其他角度指令不同.有谁知道这个解决方案?

解决方法

你必须使用$compile服务.

marker.content = '<div class="infoWindowContent">' +
    '<div class="author">' + item.user.name + '</div>' +
    '<div class="horizontal">' +
    '<dl>' +
    '<dt>created:</dt>' +
    '<dd class="ng-binding">'  + $filter('dateFormat')(item.created_at)  +'</dd>' +
    '<dt>tracks:</dt>' +
    '<dd class="ng-binding">' + item.tracks.length + '</dd>' +
    '<dt>type:</dt>' +
    '<dd class="ng-binding">' + utilsFactory.getPlaylistType(item.settings.is_private,item.settings.is_locked) + '</dd>' +
    '</dl>' +
    '</div>' +
    '<div class="pink_button enter-play">                ' +
    '<a ui-sref="detailSite({playlistID: item._id})" ng-show="false">play</a>' +
    '</div>'+
    '</div>';

    var compiledContent = $compile(marker)($scope);

    return compiledContent[0];

文档在这里$compile

猜你在找的Angularjs相关文章