Angular:如何从指令中获取兄弟指令值?

时间:2015-10-15 06:33:16

标签: angularjs

这是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>"
    };
});

我想在点击提交按钮时获取用户名输入值。我做错了什么?
有人可以帮助我吗?
干杯!

1 个答案:

答案 0 :(得分:0)

要求只能搜索自己或它的父母,范围会更容易,避免使用范围,使用需要控制器,你需要自定义表格作为指令,用户名和提交都需要它的控制器< / p>