AngularJS Essential. Урок 3. Работа c DOM и валидация форм. Домашнее задание.

Frontend developer Frontend Домашние задания
1

Продолжаю выкладывать сделанный мной вариант решения домашних заданий по AngularJS.

Дополнительное задание 1

Код 


    Дополнительное задание 1
	
    
    
    
    
        .face1{
            color:red;
            font-weight:bold;
        }
        .face2{
            color:green;
            font-style:italic;
        }
        .face3{
            color:yellow;
        }
        p {
            text-align:justify;
        }
    
    
        angular.module("module", [])
        .controller("moduleCtrl", function ($scope) {
        });

</script>




    

        

            font-style определяет начертание шрифта — обычное, курсивное или наклонное. Когда для текста установлено курсивное или наклонное начертание, браузер обращается к системе для поиска подходящего шрифта. Если заданный шрифт не найден, браузер использует специальный алгоритм для имитации нужного вида текста. Результат и качество при этом могут получиться неудовлетворительными, особенно при печати документа.
        

        

            Класс 1
            Класс 2
            Класс 3

2

Чтобы кода было поменьше, Twitter Bootstrap стараюсь не применять, хотя и как результат выглядит это по древнему.

Задание 1

Код 


    Задача 1

<script src="../Libraries/angular.js"></script>

<script>
    angular.module("module", [])
    .controller("moduleCtrl", function ($scope) {
        $scope.showAlert = function (err) {
            if (angular.isDefined(err))
            {
                if (angular.isDefined(err.required)) return "Can't be blank"
                else if (angular.isDefined(err.email)) return "Invalid email"
                else return "Unregistered error"
            }
        }
    });

</script>

<style>
    label{
        float:left;
        width:130px;
    }
    input{
       margin: 3px 7px;
    }
    .alert-msg{
        color:red;
    }
</style>




    
        First name 
        
        <span class="alert-msg" ng-show="registration.fName.$invalid

3

Огромное спасибо бро, уже весь интернет перерыл в поисках как эту домашку сделать. А оказалось, что прямо под носом было, скинешь еще решение к восьмому уроку? Там по ajax задача, у меня что-то вообще не выходит(

4

Немного подправил твое первое дополнительное задание, так, мне кажется, мы не зависимы от к-ва классов (или любых других входящих элементов) и можем не хардкодить.



    


        

            font-style определяет начертание шрифта — обычное, курсивное или наклонное. Когда для текста установлено курсивное или наклонное начертание, браузер обращается к системе для поиска подходящего шрифта. Если заданный шрифт не найден, браузер использует специальный алгоритм для имитации нужного вида текста. Результат и качество при этом могут получиться неудовлетворительными, особенно при печати документа.