AngularJS Directive Without $scope

As we already know that in Angular JS 2.0 $scope will be not available for further use. So, before we migrate to AngularJS 2.0 from current version, we need to understand how to develop directive or controller files without $scope. In my earlier article, I already discussed how to use page controller without $scope. Now, in this article I am going to discuss how to create directive without $scope. Since the main problem to develop an AngularJS directive without $scope is that we need to pass model value from main parent page to directive and vice versa. For this purpose, we can use bindToController in place of scope object in the directive. It is used for isolated scope. The sample structure for the directive is as in the following:

For doing the above sample, first we need to create a sample directive of AngularJS. For it, we will add a new JavaScript file named SampleDirective.js and add the following code: