How to format scope in AngularJS?

Question

I have several $scope with content.

HTML :

<td>{{ project.captation }}</td>
<td>{{ project.perso }}</td>

Output :

content1

Random text here...

content2

- Lorem ipsum- quia dolor sit ame- consectetur adipiscing elit

JS (controller) :

$http({
    url: "php/random.php",
    method: "GET"
}).success(function(data) {
    $scope.project = data;
});

I would like to replace each - by <li>....</li> only in the case where there is a -. How to do this ?

aet · Accepted Answer · 2014-05-07 15:28:47Z

1

Maybe something like this:

var items = $scope.project.perso.split('-');
if (items.length > 1) {
    var list = "";
    for (var i = 0; i < items.length; i++) {
        list += "<li>" + items[i] + "</li>";
    }
    $scope.project.perso = list;
}

answered May 7, 2014 at 15:28

aet

7,3023 gold badges29 silver badges26 bronze badges

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

1 Comment

Steffi Over a year ago

Thank you ! I use this with the @Sandeep Panda's anwser !

Sandeep Panda · Accepted Answer · 2014-05-07 15:25:59Z

1

You need to create a custom filter which replaces - with <li>...</li>. See this link to get started with filters. Then use the filter as following in your HTML template:

<td>{{ project.captation | filterNameHere }}</td>
<td>{{ project.perso | filterNameHere }}</td>

answered May 7, 2014 at 15:25

Sandeep Panda

7236 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to format scope in AngularJS?

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