Ionic framework (angular) url convert

Question

I have problem with my ionic app. My application connect to server via $.http (GET or POST). When script success download data, I display it on

My problem is when data.description have url's. When in my db description have link

edit

When I use this method:

.success(function(data){
  // data.description = test(data.description);
  $scope.task = data;
  $rootScope.MyData = {
    description : '<a href="http://google.com"> dasd</a>' 
  }
})

or

 $scope.task = data;
      $rootScope.MyData = {
        description : data.description 
      }

and in html:

 {{MyData.description}}

I still have this problem:

See docs.angularjs.org/api/ng/directive/ngBindHtml

Maria Ines Parnisari
– Maria Ines Parnisari

2016-11-26 23:57:40 +00:00
Commented Nov 26, 2016 at 23:57 — Maria Ines Parnisari
– Maria Ines Parnisari, Commented Nov 26, 2016 at 23:57

Chaoyenpo · Accepted Answer · 2016-11-28 00:46:32Z

1

Use $rootScope

$http.get(...).then(function (response) {
    $rootScope.MyData = {
        description : data.description
    }
}, function (response) {

);

Your Html

<a class="button button-clear button-positive" 
href="{{MyData.description}}">dasd</a>

Note: MyData.description = http://google.com

edited Nov 28, 2016 at 0:46

answered Nov 27, 2016 at 4:23

Chaoyenpo

3893 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

bradley546994 Over a year ago

I try to use it and I still have problem, If you can plase see edit :)

probablykabari · Accepted Answer · 2016-11-28 00:57:30Z

0

It's because Angular escapes the html that's within the curly brackets. You can use ngSanitize in combination with ngBindHtml directive. So your code would be like:

<p ng-bind-html="MyData.description"></p>

Don't use an <a> tag for this because the directive will place the html inside whatever tag you use.

answered Nov 28, 2016 at 0:57

probablykabari

1,38910 silver badges15 bronze badges

Collectives™ on Stack Overflow

Ionic framework (angular) url convert

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related