สอนพัฒนา phpBB : การใช้งาน AngularJS ใน phpBB (การเปลี่ยนเครื่องหมาย {{ }} )

phpBB Extension Developing Knowledge สำหรับ แชร์ความรู้การพัฒนา extension ของ phpBB 3.1

Moderator: phpbb, mindphp, ผู้ดูแลกระดาน

ตอบกลับโพส
thatsawan
phpBBThailand Sr. Member
phpBBThailand Sr. Member
โพสต์: 57
ลงทะเบียนเมื่อ: 31 มี.ค. 2014, 10:10

สอนพัฒนา phpBB : การใช้งาน AngularJS ใน phpBB (การเปลี่ยนเครื่องหมาย {{ }} )

โพสต์ โดย thatsawan »

การเขียน AngularJS ปกติสามารถเขียนได้โดยไม่ต้องแก้ไข เครื่องหมาย เเต่เมื่อไรที่เรามีการนำ AngularJS มาใช้งานกับ phpBB 3.0 - phpBB 3.1 เครื่องหมายนั้นจะต้องทำการเปลี่ยนใหม่สะก่อน เนื่องจากใน phpBB มีการส่งตัวแปร (echo) ค่ามีใน Template ด้วยเครื่องหมายเดียวกัน ทำให้ใช้งานไม่ได้

ตัวอย่าง

โค้ด: เลือกทั้งหมด

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

<p>Type a letter in the input field:</p>

<p><input type="text" ng-model="test"></p>

<ul>
  <li ng-repeat="x in names | filter:test">
<!--    {{ x }}-->
    //x//
  </li>
</ul>

</div>

<script>
    
var myApp = angular.module('myApp', []);

  myApp.config(function($interpolateProvider) {
    $interpolateProvider.startSymbol('//');
    $interpolateProvider.endSymbol('//');
    
  })
  .controller('namesCtrl', function($scope) {
      $scope.names = [
        'Jani',
        'Carl',
        'Margareth',
        'Hege',
        'Joe',
        'Gustav',
        'Birgit',
        'Mary',
        'Kai'
    ];
      
  });

</script>
เมื่อเราสามารถใช้งาน AngularJS ในphpBB ได้เเล้วที่นี่เราก็สามารถเพิ่มลูกเล่นหรือการทำงานให้กับ phpBB ให้มีความสามารถเเละน่าใช้งานมากยิ่งขึ้น
ตอบกลับโพส

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 6 และ บุคคลทั่วไป 0 ท่าน