AngularJS method to implement custom instructions and controller data interaction

This article describes the method of AngularJS to interact with custom instructions and controller data. Share it for your reference, as follows:

&lt;!doctype html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;AngularJSCustom instructions interact with controller data&lt;/title&gt;
&lt;!--    &lt;script src="//1.3.15/"&gt;&lt;/script&gt;--&gt;
    &lt;script src="../../lib/angular/"&gt;&lt;/script&gt;
    &lt;script&gt;
    ('yyApp', [])
    .controller('yyHelloController', function($scope){
      $ = {
        name: 'Zhang San'
      }
    })
    .controller('yyHelloController2', function($scope){
      $ = {
        name: 'Li Si'
      }
    })
    .directive('yyHello', function(){
      return{
        restrict: 'AE',
        replace: true,
        template: '&lt;div name="{{}}"&gt;Hello,{{}}&lt;/div&gt;'
      };
    });
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-app='yyApp'&gt;
    &lt;yy-hello ng-controller='yyHelloController'&gt;&lt;/yy-hello&gt;
    &lt;div ng-controller='yyHelloController2'&gt;
      &lt;input type="text" ng-model=''&gt;
      &lt;yy-hello&gt;&lt;/yy-hello&gt;
    &lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;

For more information about AngularJS, readers who are interested in view the topic of this site:Summary of AngularJS command operation skills》、《AngularJS Introduction and Advanced Tutorial"and"AngularJS MVC architecture summary》

I hope this article will be helpful to everyone's AngularJS programming.