Is there any more Angular code to be bound using ng-bind-html or ng-bind?

Question

Is there any more Angular code to be bound using ng-bind-html or ng-bind?

Hey there! Just a quick Angular inquiry:

<div class="_minimal_size margin_10_middle">
    <div class="_50 espaciado_0_20">
        <p ng-bind-html="eirana_knows.feedback"></p>
    </div>
    <br class="clear"/>
</div>

I've noticed that binding HTML information works perfectly fine. Now, I'm curious if it's possible to bind actual Angular code, like {{2+2}} for example.

Is there any way to achieve this kind of binding? If so, I'm interested in a straightforward approach, perhaps by modifying this line:

        <p ng-bind-html="eirana_knows.feedback"></p>

Looking forward to your suggestions!

Cheers, Chris

javascript angularjs ng-bind-html ng-bind

Answer 1

Answer №1

If you want to insert angular code into your application, you can utilize the $compile service:

var dynamicContent = angular.element(customDirective.content); //assuming this is the html content
$compile(dynamicContent)($scope); //make sure to use this within a directive or controller where you have access to the scope
//finally, add the compiled html to the DOM
someContainer.append(dynamicContent);

After compiling and injecting the HTML, it will correctly interpret any angular directives present in the code

Answer 2

If you want to insert angular code into your application, you can utilize the $compile service:

var dynamicContent = angular.element(customDirective.content); //assuming this is the html content
$compile(dynamicContent)($scope); //make sure to use this within a directive or controller where you have access to the scope
//finally, add the compiled html to the DOM
someContainer.append(dynamicContent);

After compiling and injecting the HTML, it will correctly interpret any angular directives present in the code

Is there any more Angular code to be bound using ng-bind-html or ng-bind?

Answer №1

Similar questions

Setting a false condition on jQuery's .on('canplaythrough') event

Displaying complex JSON data in an HTML format using JavaScript

Issue with Ajax communication to PHP script causing data not to be sent

The location layer on my Google Maps is not appearing

ability to reach the sub-element dictionaries in typescript

Obtain URL parameters prior to rendering with Next.js on the server side

There was an error: "Uncaught TypeError - onPageChange function is not defined for the DataGrid component in Material

Limit DerbyJS to re-rendering specific DOM elements

Dual Networked Socket.IO Connection

What causes the undefined value of "this" in the Vue Composition API setup function?

A guide on updating a MySQL table using a JSON object in Node.js

Encountering a problem while creating a Page Object in webdriver.io - getting the error "setValue is not a function" or "cannot read property 'setValue' of undefined"

Error message: Unable to access property 'post' from undefined - Angular 2

Is there a way to switch the language on the date-picker tool?

The React-FontAwesome icon is unable to display when a favicon has been set

Convert epoch time to HHMM format using JavaScript

Utilize AJAX to update the database through a bootstrap modal interface

Is there a way to utilize a value from one column within a Datatables constructor for another column's operation?

What could be causing req.params to come back as undefined?

Creating a mandatory and meaningful text input in Angular 2 is essential for a