Страница состоит из двух блоков: список всех элементов и создание нового элемента. Создание нового сделал с использованием jquery.steps. Работало хорошо. Далее добавил angular и директиву ng-switch. Angular заработал, перестал работать steps. Странность еще в том, что если сделать форму выбором по умолчанию (в скрипте selection = 'new'), то и steps начинает работать, а если по человечески, сначала список, а по нажатию на кнопку новый - ломается.
<input type="hidden" ng-model="selection" />
<div ng-switch on="selection">
<div class="new" ng-switch-when="new">
<form id="formwizard">
<!--тут форма-->
</form>
</div>
<div class="all" ng-switch-when="all">
<!--тут список-->
</div>
</div>
<script>
$(function () {
var form = $('#formwizard').show();
form.steps({
headerTag: 'h3',
bodyTag: 'fieldset',
transitionEffect: 'slideLeft'
});
});
var testApp = angular.module('testApp');
testApp.controller('testController', function ($scope) {
$scope.items = ['all', 'new'];
$scope.selected = $scope.items[0];
$scope.createNew = function () {
$scope.selected = $scope.items[1];
}
$scope.showAll = function () {
$scope.selected = $scope.items[0];
}
});
</script>