这是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>"
};
});
我想在点击提交按钮时获取用户名输入值。我做错了什么?
有人可以帮助我吗?
干杯!
答案 0 :(得分:0)
要求只能搜索自己或它的父母,范围会更容易,避免使用范围,使用需要控制器,你需要自定义表格作为指令,用户名和提交都需要它的控制器< / p>