অ্যাংগুলারজিএস ng-bind-html ইনস্ট্রাকশন

AngularJS คู่มืออ้างอิง

বিবরণ ও ব্যবহার

ng-bind-html ইনস্ট্রাকশন একটি নিরাপদ পদ্ধতি যা কনটেন্টকে একটি HTML ইলেকট্রনিক উপাদানে বাঁধে

আপনি যদি অ্যাংগুলারজিএস এপ্লিকেশনের মধ্যে HTML লিখতে চান, তবে আপনাকে হ্যান্ডলড হ্যান্ডলড কোডগুলি চেক করতে হবে। অ্যাপ্লিকেশনে "angular-sanitize.js" মডিউল সম্মিলিত করে এক্সপেক্টড হ্যান্ডলড কোডকে চেক করতে "ngSanitize" ফাংশন ব্যবহার করতে পারেন。

উদাহরণ

প্রতিটি <p> ইলেকট্রনিক উপাদানের innerHTML বিন্যাস করুন যেমন myText

<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-sanitize.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
    <p ng-bind-html="myText"></p>
</div>
<script>
var app = angular.module("myApp", ['ngSanitize']);
app.controller("myCtrl", function($scope) {
    $scope.myText = "ชื่อของฉันคือ：<h1>Bill Gates</h1>";
});
</script>

ทดลองด้วยตัวเอง

ระบบข้อความ

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

ทุกองค์ประกอบ HTML สนับสนุน

ตัวแปร

ตัวแปร การอธิบาย
expression ระบุตัวแปรหรือเสมือนสำหรับการคำนวณ

AngularJS คู่มืออ้างอิง