Angular: Empty Fiddle

http://angularjs.org/

by soumya gangamwar

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
  Hello, {{name}}!
  <ul>
    <li><span ng-if="setting"><b>Settings</b></span>
      <ul>
      <li>------<span ng-if="staffSetting">Staff Setting</span>
           <ul>
             <li>---------<span ng-if="staff">Staff</span></li>
           </ul>
         </li>
         <li>------<span ng-if="bussiness">Bussiness Setting</span></li>
         <li>------<span ng-if="psetting">Panic Setting</span></li>
      </ul>
  </li>
   <li><b><span ng-if="staff">Staff Management</span></b></li>
    <li><b><span ng-if="panic">Panic MAngemen</span></b></li>
  </ul>
</div>

JavaScript

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.name = 'Superhero';
    $scope.userId = 1;
    
    if($scope.userId === 1) {
    $scope.setting = "true";
    $scope.staffSetting = "true";
    $scope.staff = "false";
    $scope.bussiness = "true";
    $scope.psetting = "true";
    $scope.staff = "true";
    $scope.panic = "false";
    } else {
       $scope.checkstaffpermission = function() {
         alert('check')
       }
    }
    
    
}