glyphicon close 가 true 인 경우 $scope.fnamea값을 이름과 $scope.lnamea성으로 각각 푸시해야 합니다. 나는 그것을 시도했지만 내 이름은 이미 True이고 배열이 중복을 허용하기 때문에 매번 내 값은 이름 만 될 것 입니다.$scope.snamea$scope.afname$scope.afname
HTML :
<div class="row">
<input type="text" name="fname" ng-model="model.firstName" "/>
<a class="menu-toggle" ng-click="hiddenFields(afname = afname?false:true)" class="btn btn-default" ng-model="model.fnamea">
<i class="glyphicon" ng-class="{'glyphicon-eye-open':!afname, 'glyphicon-eye-close':afname}"></i></a>
</div>
<div class="row">
<div>
<input type="text" name="sname" ng-model="model.surname" "/>
<a class="menu-toggle" ng-click="hiddenFields(sfname = sfname?false:true)" class="btn btn-default" ng-model="model.snamea">
<i class="glyphicon" ng-class="{'glyphicon-eye-open':!sfname, 'glyphicon-eye-close':sfname}"></i></a>
</div>
<div>
<input type="text" name="lname" ng-model="model.lastName" "/>
<a class="menu-toggle" ng-click="hiddenFields(lfname = alname?false:true)" class="btn btn-default" ng-model="model.lnamea">
<i class="glyphicon" ng-class="{'glyphicon-eye-open':!alname, 'glyphicon-eye-close':alname}"></i></a>
</div>
</div>
JS :
<script>$('.menu-toggle').click( function(){
$(this).find('i').toggleClass('glyphicon glyphicon-eye-open').toggleClass('glyphicon glyphicon-eye-close');
});</script>
$scope.fnamea = "firstname";
$scope.lnamea = "lastname";
$scope.snamea ="shortname";
$scope.hiddenFields = function(){
if($scope.afname == true) {
$scope.hide.push($scope.fnamea);
console.log($scope.hide);
arr[index]++;
}
else if ($scope.alname == true) {
$scope.hide.push("lastname");
console.log($scope.hide);
}
else if ($scope.asname == true) {
$scope.hide.push("surname");
console.log($scope.hide);
}
}
if($scope.adob == "true") {
$scope.hide.push("dob");
console.log($scope.hide);
}
};
나는 당신이 다음과 같은 것을 찾고 있기를 바랍니다.
<input type="text" ng-model="user.fname" ng-disabled="!allow.fname"/>
<input type="checkbox" ng-model="allow.fname" />
<hr/>
<input type="text" ng-model="user.lname" ng-disabled="!allow.lname"/>
<input type="checkbox" ng-model="allow.lname" />
<hr/>
<input type="text" ng-model="user.sname" ng-disabled="!allow.sname"/>
<input type="checkbox" ng-model="allow.sname" />
function MyCtrl($scope) {
$scope.user = {
fname: 'First name',
lname: 'Last name',
sname: 'Surname'
};
$scope.allow = {
fname : true,
lname : true,
sname : true,
};
$scope.users = [];
$scope.push = function(){
var user = {},
allow = $scope.allow;
Object.keys(allow).forEach(function(key){
allow[key] ? user[key] = $scope.user[key] : null;
});
$scope.users.push(user);
}
}
감사!
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다