html - Using AngularJS 1.2.16, unique issue with data escaping for href links -

-

having issues ng-href can use target="_blank" using angularjs 1.2 ,old post found going on leading me question,i have page has table inside accordian, in js file have angular functions , have this:

var capitalrequestmultimillinquirycontroller = function ($scope, $rootscope, $modal, $window, capitalrequestservice, plantservice) {  $rootscope.title = 'capital request multi mill inquiry'; $scope.allmills = []; $scope.selectedmill = ''; $scope.jobnumber = ''; $scope.description = ''; $scope.amount = ''; $scope.amountoperator = ''; $scope.openonly = ''; $scope.projectmanager = '';  //$scope.allusers = [];  //usersservice.getuserswithid().then(function(objecttypes) { //    $scope.allusers = objecttypes //});  //$scope.openurl = function() { //    $scope.openurl = function(url) { //        $location.path(url, '_blank') //    } //}  plantservice.getplantid().then(function (mills) {     $scope.allmills = mills });  $scope.search = function() {     //for each mill      capitalrequestservice.searchmulti("http://coucmmsweb.pca.com/capitalrequest/search", authenticateduser.username.touppercase(), $scope.selectedmill, $scope.jobnumber, $scope.description, $scope.amount, $scope.amountoperator, $scope.openonly, $scope.projectmanager).then(function (results) {         $scope.counce = results;     });     capitalrequestservice.searchmulti("http://filcmmsweb.pca.com/capitalrequest/search", authenticateduser.username.touppercase(), $scope.selectedmill, $scope.jobnumber, $scope.description, $scope.amount, $scope.amountoperator, $scope.openonly, $scope.projectmanager).then(function (results) {          $scope.filer = results;      });     capitalrequestservice.searchmulti("http://tomcmmsweb.pca.com/capitalrequest/search", authenticateduser.username.touppercase(), $scope.selectedmill, $scope.jobnumber, $scope.description, $scope.amount, $scope.amountoperator, $scope.openonly, $scope.projectmanager).then(function (results) {         $scope.tomahawk= results;     });     capitalrequestservice.searchmulti("http://tridentval.pca.com/api/inquiry/inquiry/capitalrequestmultimillinquiry/search", authenticateduser.username.touppercase(), $scope.selectedmill, $scope.jobnumber, $scope.description, $scope.amount, $scope.amountoperator, $scope.openonly, $scope.projectmanager).then(function (results) {         $scope.valdosta = results;     });     capitalrequestservice.searchmulti("http://tridentder.pca.com/api/inquiry/inquiry/capitalrequestmultimillinquiry/search", authenticateduser.username.touppercase(), $scope.selectedmill, $scope.jobnumber, $scope.description, $scope.amount, $scope.amountoperator, $scope.openonly, $scope.projectmanager).then(function (results) {         $scope.deridder = results;     }); } };

and html page have this:

   <tbody>                     <tr ng-repeat="item in tomahawk">                           <td>{{item.projectmanager}}</td>                           <td>{{item.jobnumber}}</td>                         <td>{{item.description}}</td>                         <td>{{item.totalamount*1000 | currency}}</td>                     </tr>                 </tbody>             </table>

and still have in view leads me believe url getting information has anchor tag isnt displaying data correctly because using angular on end. how escape angular contraints href's such data display , clickable download picture on next page? posted post earlier , thought end. remover , saw still returning anchor tag in display means source , pushing me. picture below older picture not clickable when take out of app on end, leaving table pulling in data. enter image description here

you'll need let angular know data have trusted html, , bind td elements.

in controller, you'll need use $sce replace html trusted html:

capitalrequestservice.searchmulti("http://tomcmmsweb.pca.com/capitalrequest/search", authenticateduser.username.touppercase(), $scope.selectedmill, $scope.jobnumber, $scope.description, $scope.amount, $scope.amountoperator, $scope.openonly, $scope.projectmanager).then(function (results) {     $scope.tomahawk = results;     $scope.tomahawk.foreach(function(item){         item.jobnumber = $sce.trustashtml(item.jobnumber);         item.description = $sce.trustashtml(item.description);     }); });

and in view

   <tbody>                     <tr ng-repeat="item in tomahawk">                           <td>{{item.projectmanager}}</td>                           <td ng-bind-html="item.jobnumber"></td>                           <td ng-bind-html="item.description"></td>                           <td>{{item.totalamount*1000 | currency}}</td>                     </tr>                 </tbody>             </table>

edit: changed for-loop foreach iteration, because seems little cleaner. check edit history if want way before.


Comments

Post a Comment

Popular posts from this blog

ruby - Trying to change last to "x"s to 23 -

-
i have been playing around irb , have string looks this: irb(main):072:0> puts ["[\"4354 5432 5432 xxxxx\", \"6547 6547 8543 xxxxx\", \"2344 6543 6674 xxxxx\", \"2346 6236 7543 xxxxx\", \"1273 5585 5587 xxxxx\"]"] => nil irb(main):073:0> what want gsub last 2 "x" s of each 17 digit combination, 23 . what i've tried far (i've been using rubular): a.gsub(/\d[x]/,"23") <= grabs "x" s i'm close a.gsub(/\w[x{2}]/,"23") <= grabs "x" s grabs two digits each combination. is there easier way i'm not understanding? a.gsub(/\d{4} \d{4} \d{4} xxx\kxx/, '23') \d{4} = 4 digits what \k drop matched far. can use don't replace entire number, still able validate have in desired format.
Read more

jquery - Clone last and append item to closest class -

-
this bare-bones code on page: <div class="list-container"> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> </div> <p><button class="add-list-item">add</button></p> <div class="list-container"> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> </div> <p><button class="add-list-item">add</button></p> <di...
Read more

css - Can I use the :after pseudo-element on an input field? -

-
i trying use :after css pseudo-element on input field, not work. if use span , works ok. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> this works (puts smiley after "buu!" , before "some more") <span class="mystyle">buuu!</span>a more this not work - colors somevalue in red, there no smiley. <input class="mystyle" type="text" value="somevalue"> what doing wrong? should use pseudo-selector? note: cannot add span around input , because being generated third-party control. :after , :before not supported in internet explorer 7 , under, on elements. it's not meant used on replaced elements such form elements (inputs) , image elements . in other words it's impossible pure css. however if using jquery can use $(".mystyle").after("add smiley here"); api docs on .after to ...
Read more