How to bind html in string using Angularjs?

Question

I want to find the solution for bind html in string example my string inside:

Hello this is text <a href="#">Kristoff</a> this is my domain www.website.com

Currently used: ng-bind-html="text | linky:'_blank' | but I wanted result like this

<a href="#">Kristoff</a> to Kristoff that bind href and www.website.com already bind by Angularjs

http://www.website.com/

What I want only bind href only.

Just rewrite you'r question. Its completely unreadable. What is is the output you get? and what is the output you want? You get <a href="#">Kristoff</a>? ... — Red
– Red, Commented Apr 21, 2017 at 8:35

Rohìt Jíndal · Accepted Answer · 2017-04-21 08:48:01Z

1

DEMO

JS :

var myApp = angular.module('myApp',['ngSanitize']);

myApp.controller('MyCtrl',['$scope', function($scope) {
    $scope.htmlString = 'Hello this is text <a href="#">Kristoff</a> ' +
     'this is my domain <a href="http://www.website.com/">www.website.com</a>';

}]);

HTML :

<div ng-app="myApp" ng-controller="MyCtrl">
  <p ng-bind-html="htmlString"></p>
</div>

answered Apr 21, 2017 at 8:48

Rohìt Jíndal

27.4k16 gold badges80 silver badges133 bronze badges

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

2 Comments

Kristoff Over a year ago

if I added <h1>Hello me</h1 it still bind to normal I don't want to bind any html just only href for security reason.

Rohìt Jíndal Over a year ago

Then you have to split your string and apply the ng-bind only on <a> element.

Collectives™ on Stack Overflow

How to bind html in string using Angularjs?

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related