angularjs ng-show не работает отлично

Question

Я хочу показать и скрыть кнопку с директивой ng-show.

Вот мой HTML файл:

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

Вот мой controllerScript файл:

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

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

Answer 1

Я думаю, что ваш забыл ng-app или ng-controller в HTML. Оно должно быть:

<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> 

Контроллер:

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

У меня есть демо о Show/Hide Edit Button из кода: Here!

Answer 2

Проверить эту Plnkr: http://plnkr.co/edit/veAeGPtYQIq9IQlBc1Ob?p=preview

Похоже, что вы забыли изменить состояние $ scope.editBtn при нажатии кнопки редактирования. В контроллере, функции editEmployee, вы должны добавить:

$scope.editBtn=true; 

Plus, добавить переменную saveBtn, чтобы скрыть, когда пользователь редактирует. И добавлена ​​кнопка отмены. Вы можете проверить эти 3 элемента в plnkr.