html - Enable ng-click on a popup (mapbox) -

-

first apologize poor english

i'm working on map marker , popup declared mapboxgl, i'm trying put ng-click button of popup instantiated in controller

   mymap.on('touchstart', function (e) {         var features = mymap.queryrenderedfeatures(e.point, { layers: ['points'] });             if (!features.length) {                 return;             }             console.log(features);             var feature = features[0];          if(popup == undefined){              var html = '<div class="popup-info">';             html += "<h5>"+ feature.properties.type + "</h5>";             html += "<p>"+ feature.properties.description +"</p>";             html += '<button ng-click="gotocomment()">commentaires (' + nbcomment +') </button>';             html += "</div>";             html += '<a href="#" class="btn-like"><div style="width: 100%">';             html += '<div class="popup-like-img"><img class="icon icons8-thumb-up" src="data:image/png;base64,ivborw0kggoaaaansuheugaaadaaaaawcayaaabxavmhaaaceuleqvroq+1z7xhvmbdcrqbsaaqcsavab1abuagkakifhaogfqavkfraqibqaelgmwvk5sw2bnk+tz5mcjp+86wn3d6t7stesei6d+algkcapgm4jnkdfmz/7ri9sas3ad7s7htj8ij6ng6/ggdoatzpkfyapl0rljuaaetlc5kmvlieapd0ppf/ocjj0loqueisafjyzmx7dybfnz8zjvwm+tccpwdc3crpbmc7jjlfsjpe4ricifn/fwdngdfxljgn1z7kazpwt95hjc/3ekcb9avx3wbztcfjpsabcet+jonsxeu2azd0gmcpgc2ekxr2rijbavh5g5isg70s5gou7j9qtrjyz7fvhpgqguzcus0crbreifffj2j+h4p5/6jpo7tpg0rb09czepeo7ih8xweb7b1a5ieums37nwvbp4svzcw83f2yab6ovvwkwj1wlzjgjhbkq3exaemu502d25d3jf1rdwqjanc6a6gtafiq5nvqaji+axgvocnkpbljcnidktzbugy4dd73sz6spo7/maugaay3xwnasl8nlnnrak5jhuyaozuag9kknqbnjg8ek5yandmg9eusvgbkhwktapc9hc3glqewiefcaw3awautarjml1occogsptuolj3stecbk5khuwqqbqdwpfufpxua2s88sx1zmh64e3np4odewhfcvth2nrg7s5klkt/9d3nl6ixbovoddvvmeib3lir7xd2am/1hy3qqwv0twelunlizwk4kav7key/bgfj3ehbvko7zbtw9pzrpnfhflwxpqaxr0l26mdckmfqvplcp4rxx3qgobeg5/e88mgeh2u//aqzk4zhlkbknaaaaaelftksuqmcc" width="30" height="30"></div>';             html += '<div class="popup-like-nb"><p class ="popup-like-nb-text"> 13 </p></div></div></a>';             /*linkfunction = $compile(angular.element(html));             newscope = $scope.$new();             console.log(linkfunction(newscope));             linkfunction(newscope)*/              popup = new mapboxgl.popup({})                 .setlnglat(feature.geometry.coordinates)                 .sethtml(html)                 .addto(mymap);             }             else {                 popup.remove();                 popup = undefined;             }     });

the problem app seems not being able ng-click, looking $compile (comment part right after html declaration) cause think there problem instantiated html in controller, if got idea of how allow ng-click work in instantiated popup.

thx verymuch !

you have compile html $compile. check here

$scope.fn = function () {    alert('clicked');  };   var html = '<button ng-click="fn()">click me</button>';  var compiledhtml = $compile(html)($scope);    var popup = new mapboxgl.popup()   .setlnglat([-91.874, 42.760])  .setdomcontent(compiledhtml[0])   .addto(map);

Comments

Post a Comment

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

-
i trying work entity inside request method of spring boot application. entity in project , pom.xml has dependencies it. why error message?: org.hibernate.unknownentitytypeexception: unable locate persister: com.ric.bill.model.bs.par package com.ric.web; import java.util.concurrent.atomic.atomiclong; import javax.persistence.entitymanager; import javax.persistence.persistencecontext; import net.sf.ehcache.cachemanager; import net.sf.ehcache.management.cache; import net.sf.ehcache.management.cachestatistics; import org.hibernate.stat.statistics; import org.springframework.beans.factory.annotation.autowired; import org.springframework.boot.autoconfigure.domain.entityscan; import org.springframework.cache.annotation.enablecaching; import org.springframework.transaction.annotation.enabletransactionmanagement; import org.springframework.transaction.annotation.propagation; import org.springframework.transaction.annotation.transactional; import org.springframework.web.bind.annotati
Read more

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

-
i implementing go program uses bufio.scanner , bufio.writer have packaged code follows package main import ( "fmt" "player/command" "strings" ) func main() { //enter code here. read input stdin. print output stdout commands.scanner.scan() { //scan new line , send comand variable check command exist or not input := strings.split(strings.trim(commands.scanner.text(), " "), " ") command := input[0] if command == "" { fmt.printf("$ %s:", commands.pwd) continue } if !commands.commands[command] { commands.throwerror("cannot recognize input.") } else { commands.execute(command, input[1:], nil) } fmt.printf("$ %s:", commands.pwd) } } i using init.go file in main package follows package main import ( "flag" "player/sourc
Read more

c - double free or corruption (fasttop) -

-
this code reads null terminated string file (file containing null terminated strings & should provide index wanted string). error: *** error in `./main': double free or corruption (fasttop): 0x090a4a80 *** aborted code: char *tmp_realloc=null; char *sstring=null; int i=1; /*set file pointer point string*/ fseek(fh,index,seek_set); sstring=(char*)malloc(sizeof(char)); if(sstring == null) return null; tmp_realloc=sstring; while( (*(sstring+i-1)=(char)fgetc((file*)fh)) != 0x0 ) { /*reallocate more memory*/ tmp_realloc=(char*)realloc((char*)sstring,++i); /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strcpy((char*)tmp_realloc,(char*)sstring); free(sstring); sstring=tmp_realloc; } } could tell me pointer causing issue (& reason) ? remove part /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strc
Read more