Membungkus ulang String HTML ke Element + angular $scope

Menemukan hal baru dan menarik dari angular, dan ingin sekali menulis karena takut lupa, hehe.

Problemnya adalah ada requitement Form yang lumayan komplek, karena form input berkembang yang mengharuskan untuk mengenerate dan menyisipkan html baru (raw DOM element).  Dan bagaimana string html baru itu bisa mengenali function-function atau variable-variable dalam $scope.

Solusi yaitu dengan menggunakan fuction default dari angular yaitu “$compile”, dengan menggunakan “$compile” kita bisa mendaftarkan apapun yang ada dalam $scope kedalam html baru, agar dikenali. :) (*Nice

Syntax
$compile(content)($scope);
Contoh Penerapan
......
var content = '<button ng-click="inputQuotation(value)">Input Quotation</button>';
var cell = document.getElementById('cell_info_' + dus.id);
angular.element(cell).html( $compile(content)($scope) );
.....

Leave a Reply

Your email address will not be published. Required fields are marked *


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>