javascript - When alternative log in three type user add, update,delete button show and hide, how possible in angularjs? -

-

i want alternative log in 3 type's user add, update, delete button show , hide, how possible in angularjs? i'm trying make system simple possible.

html code:

<div ng-show = "isoperator" class="panel-body">   <input  ng-model="isoperator"> </div> <div ng-show = "isadmin" class="panel-body">   <input  ng-model="isadmin"> </div> <div ng-show = "issuper" class="panel-body">   <input  ng-model="issuper"> </div>

javascript code:

.controller("configctrl" , ["$scope","$rootscope","$location","$http",          function($scope,$rootscope,$location, $http){                 var operator = $scope.isoperator;                   $scope.addconfigbtn=true;                 $scope.addvpnconfigbtn=true;                 $scope.canconfigbtn=true;                 $scope.saveconfigbtn=true;                 $scope.canvpnbtn=true;                 $scope.savvpnbtn=true;                 $scope.addunibtn=true;                 $scope.delunibtn=true;                 $scope.savunibtn=true;                 $scope.addnnibtn=true;                 $scope.delnnibtn=true;                 $scope.savnnibtn=true;                 $scope.addroutebtn=true;                 $scope.delroutebtn=true;                 $scope.saveroutebtn=true;                 $scope.addlebroutebtn=true;                 $scope.dellebroutebtn=true;                 $scope.savelebroutebtn=true;              if(operator = $scope.isoperator){                 $scope.isoperator=true;                 $scope.addconfigbtn=false;                 $scope.addvpnconfigbtn=false;                 $scope.canconfigbtn=false;                 $scope.saveconfigbtn=false;                 $scope.canvpnbtn=false;                 $scope.savvpnbtn=false;                 $scope.addunibtn=false;                 $scope.delunibtn=false;                 $scope.savunibtn=false;                 $scope.addnnibtn=false;                 $scope.delnnibtn=false;                 $scope.savnnibtn=false;                 $scope.addroutebtn=false;                 $scope.delroutebtn=false;                 $scope.saveroutebtn=false;                 $scope.addlebroutebtn=false;                 $scope.dellebroutebtn=false;                 $scope.savelebroutebtn=false;              }else{                 $scope.isadmin=false;                 $scope.issuper=false;             }             if($scope.isadmin){                 $scope.isadmin=true;                 $scope.addconfigbtn=true;                 $scope.addvpnconfigbtn=true;                 $scope.canconfigbtn=true;                 $scope.saveconfigbtn=true;                 $scope.canvpnbtn=true;                 $scope.savvpnbtn=true;                 $scope.addunibtn=true;                 $scope.delunibtn=false;                 $scope.savunibtn=true;                 $scope.addnnibtn=true;                 $scope.delnnibtn=false;                 $scope.savnnibtn=true;                 $scope.addroutebtn=true;                 $scope.delroutebtn=false;                 $scope.saveroutebtn=true;                 $scope.addlebroutebtn=true;                 $scope.addlebroutebtn=true;                 $scope.dellebroutebtn=false;                 $scope.savelebroutebtn=true;               }             else{                 $scope.isoperator=false;                 $scope.issuper=false;             }             if($scope.issuper){                 $scope.issuper=true;                 $scope.addconfigbtn=true;                 $scope.addvpnconfigbtn=true;                 $scope.canconfigbtn=true;                 $scope.saveconfigbtn=true;                 $scope.canvpnbtn=true;                 $scope.savvpnbtn=true;                 $scope.addunibtn=true;                 $scope.delunibtn=true;                 $scope.savunibtn=true;                 $scope.addnnibtn=true;                 $scope.delnnibtn=true;                 $scope.savnnibtn=true;                 $scope.addroutebtn=true;                 $scope.delroutebtn=true;                 $scope.saveroutebtn=true;                 $scope.addlebroutebtn=true;                 $scope.addlebroutebtn=true;                 $scope.dellebroutebtn=true;                 $scope.savelebroutebtn=true;               }             else{                 $scope.isoperator=false;                 $scope.isadmin=false;             }

in order show or hide html tag in angular, can use directives ng-show , ng-hide.

e.g.

<input type="button" value="save" ng-show="savelebroutebtn" />

here, used 1 of variable defined in $scope. on basis of have in $scope.savelebroutebtn, control shown on html page. if variable not defined on current $scope, considers false , hides button.

to know more abot ng-show , ng-hide, follow link


Comments

Post a Comment

Popular posts from this blog

javascript - Laravel datatable invalid JSON response -

-
everything work fine on code below fetch user logs: js: <script> $(document).ready(function () { var table =$('#systemlogs').datatable({ responsive: true, processing: true, serverside: true, "language": { "url": "/datatables/media/plug-in/persian.json" }, ajax: '{!! url('/admin/systemlogs/data/systemlogsdatatable') !!}', columns: [ { data: 'name', name: 'name' }, { data: 'message_text', name: 'message_text' }, { data: 'remote_addr', name: 'remote_addr' }, { data: 'log_created_at', name: 'management_logs.created_at' }, { data: 'log_updated_at', name: 'management_logs.updated_at' }, ] }); }); </script> routes: route::get('/systemlogs/data/systemlogsdatatable','systemlogscontrolle...
Read more

java - Exception in thread "main" org.springframework.context.ApplicationContextException: Unable to start embedded container; -

-
i getting error when run spring application: exception in thread "main" org.springframework.context.applicationcontextexception: unable start embedded container; nested exception org.springframework.context.applicationcontextexception: unable start embeddedwebapplicationcontext due missing embeddedservletcontainerfactory bean. @ org.springframework.boot.context.embedded.embeddedwebapplicationcontext.onrefresh(embeddedwebapplicationcontext.java:124) @ org.springframework.context.support.abstractapplicationcontext.refresh(abstractapplicationcontext.java:476) @ org.springframework.boot.context.embedded.embeddedwebapplicationcontext.refresh(embeddedwebapplicationcontext.java:109) @ org.springframework.boot.springapplication.refresh(springapplication.java:691) @ org.springframework.boot.springapplication.run(springapplication.java:320) @ org.springframework.boot.springapplication.run(springapplication.java:952) @ org.springframework.boot.springa...
Read more

sql server 2008 - My Sql Code Get An Error Of Msg 245, Level 16, State 1, Line 1 Conversion failed when converting the varchar value '8:45 AM' to data type int -

-
msg 245, level 16, state 1, line 1 conversion failed when converting varchar value '8:45 am' data type int. script declare @specimenid bigint = 0, @script varchar(max); declare @starttime int = (select convert(int,substring(start_time,0,charindex(':', start_time)) - 12) appt appt._id=112601) --select @starttime set @script = 'select distinct ptlast_name + '', '' + pt.first_name patient_name, dbo.formatdate(pt.dob,''mm/dd/yyyy'') dob, (convert(varchar, (datediff(yy, dob, appt_date) - case when (month(dob) > month(appt_date)) or (month(dob) = month(appt_date) , day(dob) > day(appt_date)) 1 else 0 end)) + ''/'' + convert(varchar, (datediff(m, dateadd(yy, (datediff(yy, dob, appt_date) - case when (month(dob) > month(appt_date)) or (month(dob) = month(appt_date) , day(dob) > day(appt_date)) 1 else 0 end), d...
Read more