Angular JS Inner Html for Ionic Framework

Question

I am developing my application with angularjs and ionic,

<div ng-app="myApp" ng-controller="myCtrl">

    <p ng-bind-html="{{itemID}}"></p>

</div>

I would like to change this to angularjs like innerHTML,

<script>
var app = angular.module("myApp", ['ngSanitize']);
app.controller("myCtrl", function($scope) {
    $scope.myText = "My name is:John Doe";
});
</script>

This is not because it needs to write itemid instead of $scope.myText.

How can I do it uniquely as above ?

$scope.myText = "My name is:John Doe"; – zafer Dec 25 '16 at 21:44 — zafer, Dec 25 '16 at 21:44

score 1 · Answer 1 · answered Dec 25 '16 at 21:47

1

Update your code

<p ng-bind-html="myText"></p>

answered Dec 25 '16 at 21:47

Ghazanfar Khan

3,648
8
44
89

score 0 · Accepted Answer · answered Dec 26 '16 at 12:33

I solved the problem. controller.js

$scope.myText={};


    var app = angular.module("myApp", ['ngSanitize']);
    app.controller("myCtrl", function($scope,$itemID) {
        $scope.myText{$itemID} = "My name is:John Doe";
    });

html page

<div ng-app="myApp" ng-controller="myCtrl">
    <p ng-bind-html="myText[$itemID]"></p>
</div>

Angular JS Inner Html for Ionic Framework

2 Answers2