Angular：如何从指令获取兄弟指令值？

Question

这里是jsfiddle。
HTML：

<div ng-app="app"> 
    <div ng-controller="mainController"> 
     {{test}} 
     <form> 
      <username></username> 
      <submit></submit> 
     </form> 
    </div> 
</div> 

和JS：

var app = angular.module("app", []); 
app.controller("mainController", ["$scope", function($scope){ 
    $scope.test = "Greetings!" 
}]) 
.directive("username", function(){ 
    return { 
     restrict: "E", 
     controller: function($scope){ 
      this.value = $scope.username; 
     }, 
     template: "<div>username<input type='text' value='123' ng-model='username' /></div>" 
    }; 
}) 
.directive("submit", function(){ 
    return { 
     restrict: "E", 
     require: "username", 
     link: function(scope, ele, attr, ctrl){ 
      ele.bind("click", function(){ 
       console.log(ctrl.value); 
      }); 
     }, 
     template: "<div><input type='submit' value='submit' /></div>" 
    }; 
}); 

我想，当点击提交按钮，获取用户名的输入值。我做错了什么？
有人能帮助我吗？
干杯！

Answer 1

要求只能搜索本身或者它的父母，范围会更容易，避免使用范围，使用需要控制器和u需要自定义窗体作为指令和两个用户名，并提交需要它的控制器