2016-07-06 2 views
1

Ich bin neu zu Bootstrap und AngularJS, versuche, die Erlaubnis zu liefern, hängt von der Benutzerberechtigung ab, die ich versuche, eine Reihe (<td>) in einer Tabelle zu verstecken.Disable td im bootstrap angularjs abhängig von Rollenerlaubnis

abc.html

<td><span type="submit" data-ng-hide="edit" data-ng-click="edit = true" class="glyphicon glyphicon-edit" disabled="disabled"></span> 
     <span type="submit" data-ng-show="edit" data-ng-click="edit = false; save()" class="glyphicon glyphicon-save"></span> 
     <span type="submit" data-ng-show="edit" data-ng-click="edit = false; cancel()" class="glyphicon glyphicon-remove"></span></td> 

bin ich über die js in der Fabrik-Controller nicht sicher, ob jemand kann bitte aus mir helfen.

Antwort

1

Set das Attribut des tr als ng-show=isVisible und in Ihrem Controller den Wert als true oder false basierend auf Berechtigungsergebnis gesetzt.

1

Ihre HTML-ähnliche

<table ng-repeat="user in users"> 
<tr ng-hide="user.isAuthorized"> 
    <td>Hey!! I am authorized </td> 
</tr> 
</table> 

gehen und in Ihrem Controller, Idk, wie Sie die Benutzerdaten (prob von einem api), aber dann würden Sie so etwas wie dieses

$scope.users = [{'name': 'John', 'isAuthorized': true}, 
{'name': 'Doe', 'isAuthorized': false}]; 
haben
Verwandte Themen