How to get the content from a Multiline text box using Angular JS

Question

I am trying to retrieve value from a multi line textbox using angular js, but am getting the div tags attached to the content. How can we retrieve only the content?

I have used following code:

var myAngApp = angular.module('SharePointAngApp', []);

    myAngApp.controller('spCustomerController', function ($scope, $http) {

        $http({

            method: 'GET',

            url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getByTitle('Questions')/items?$select=Description",

            headers: { "Accept": "application/json;odata=verbose" }

        }).success(function (data, status, headers, config) {

            $scope.customers = data.d.results;


        }).error(function (data, status, headers, config) {



        });


});

I am getting the content along with html div tags, but I need only the content

I tried this inside angular expression{{$scope.customers.Description.innerText}}, but it is showing empty — Dheeraj
– Dheeraj, Commented Sep 26, 2016 at 11:26

Community · Accepted Answer · 2020-06-15 08:48:55Z

3

You are getting HTML content because you have enabled Enhanced rich text option in your column.

Solution No#1

Enable Plain text instead of Enhanced rich text

Solution No#2

Remove HTML tags using Regex

    var myAngApp = angular.module('SharePointAngApp', []);

myAngApp.controller('spCustomerController', function($scope, $http) {

    $http({

        method: 'GET',

        url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getByTitle('Questions')/items?$select=Description",

        headers: {
            "Accept": "application/json;odata=verbose"
        }

    }).success(function(data, status, headers, config) {
      
      //remove all html tags
        data.d.results.forEach(function(customer) {
            customer["{InternalNameOfYourColumn}"] = customer["{InternalNameOfYourColumn}"].replace(/<(?:.|\n)*?>/gm, '');;
        });
      
        $scope.customers = data.d.results;


    }).error(function(data, status, headers, config) {



    });


});

edited Jun 15, 2020 at 8:48

CommunityBot

1

answered Sep 26, 2016 at 11:57

Atish Kumar Dipongkor

13.4k5 gold badges33 silver badges64 bronze badges

And How can we query the data in another list based on the ID value retrieved from the first list?

Dheeraj
– Dheeraj

2016-09-26 12:39:52 +00:00
Commented Sep 26, 2016 at 12:39
Hi @Dheeraj, It's another question? Please ask a new question. I will try to answer.

Atish Kumar Dipongkor
– Atish Kumar Dipongkor

2016-09-26 12:42:14 +00:00
Commented Sep 26, 2016 at 12:42

Add a comment |

Ankur Hambir · Accepted Answer · 2016-09-26 11:49:02Z

You can fetch value from description by using .text() function in the success of the function.. please refer below code

myAngApp.controller('spCustomerController', function ($scope, $http) {

    $http({

        method: 'GET',

        url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getByTitle('Questions')/items?$select=Description",

        headers: { "Accept": "application/json;odata=verbose" }

    }).success(function (data, status, headers, config) {

        $scope.customers = $(data.d.results[0].Description).text();


    }).error(function (data, status, headers, config) {



    });

Hope it will work for you .. :)

Stack Exchange Network

How to get the content from a Multiline text box using Angular JS

2 Answers 2

Solution No#1

Solution No#2

Your Answer

Hot Network Questions

How to get the content from a Multiline text box using Angular JS

2 Answers 2

Solution No#1

Solution No#2

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions