डाउनलोड पी.डी.एफ. ई-बुक्स
AJS - Directives ng-bind-template

ng-bind-template directive का इस्तेमाल HTML Element के किसी भी प्रकार के text content को bind या replace करने के लिए किया जाता है |

HTML Element के text content को दिए हुए expressions से replace किया जाता है |

अगर एक से ज्यादा expressions को bind करना हो तो ng-bind-template का इस्तेमाल किया जाता है |


Syntax for ng-bind-template Directive in AngularJS

<element ng-bind-template="expression">
</element>

ng-bind-template Attribute's Parameters in AngularJS

expression : यहाँ पर expression या variable दिया जाता है |


Example for ng-bind-template Directive in AngularJS

Source Code :
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</head>
<body>

<div ng-app = "" ng-init = "fruit = ['Mango', 'Orange', 'Jamun']">

<span ng-bind-template="{{fruit[0]}} {{fruit[1]}} {{fruit[2]}}" ></span>

</div>

</body>
</html>
Output :