angularjs ng-show funktioniert nicht einwandfrei

Question

Ich möchte eine Schaltfläche mit ng-show-Anweisung anzeigen und ausblenden.

Hier ist meine HTML-Datei:

<button class="btn btn-info" ng-show="editBtn">Save Edit 
     <span class="glyphicon glyphicon-ok"></span> 
    </button> 

Hier ist meine controllerScript Datei:

myApp = angular.module("myApp", []); 

myApp.controller ("epmloyeeCtrl", ["$scope", function($scope){ 
    $scope.editBtn = false; 
}]); 

Answer 1

Ich denke, Ihr vergessen ng-app oder ng-controller in HTML. Es sollte sein:

<div ng-app="myApp"> 
    <div ng-controller="epmloyeeCtrl"> 
    <button class="btn btn-info" ng-show="editBtn">Save Edit 
     <span class="glyphicon glyphicon-ok"></span> 
     </button> 
    </div> 
</div> 

Controller:

var myApp = angular.module("myApp", []); 
myApp.controller ("epmloyeeCtrl", ["$scope", function($scope){ 
    $scope.editBtn = false; 
}]); 

Ich habe Demo über Show/Hide Edit Button aus dem Code: Here!

Answer 2

prüfen dieses Plnkr: http://plnkr.co/edit/veAeGPtYQIq9IQlBc1Ob?p=preview

Es sieht aus wie Sie zu ändern vergessen, der Status von $ scope.editBtn, wenn Sie auf Bearbeiten klicken. In der Steuerung Funktion editEmployee, müssen Sie hinzufügen:

$scope.editBtn=true; 

Plus, ich die Variable saveBtn hinzufügen zu verbergen, während der Benutzer die Bearbeitung ist. Und hat auch einen Abbrechen-Button hinzugefügt. Sie können diese 3 Elemente in der PLNKR überprüfen.