Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript: Angular 2, AngularJS
Войти
Регистрация
Восстановить пароль
 
stay8bit
0 / 0 / 0
Регистрация: 05.05.2014
Сообщений: 3
1

Как правильно организовать файлы

25.05.2015, 16:15. Просмотров 298. Ответов 1
Метки нет (Все метки)

Доброго дня. Начал изучать Angular.js. Не знаю как решить задачу.

Есть страница index.html с формой входа, почта/пароль:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<form class="form">
    <div class="form-group">
        <label for="inputEmail">Email</label>
        <input type="email" class="form-control" id="inputEmail" placeholder="Email" ng-model="user.name">
    </div>
    <div class="form-group">
        <label for="inputPassword">Password</label>
        <input type="password" class="form-control" id="inputPassword" placeholder="Password" ng-model="user.pass">
    </div>
    <div class="form-group">
        <button type="submit" class="btn btn-default" ng-click="addUser(user)">Submit</button>
    </div>
</form>
Есть файл submitApp.js в котором есть модуль и контроллер который записывает почту/пароль в массив usersArray:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var usersArray = [
    { name: 'Mark', password: 'Otto' },
    { name: 'Jacob', password: 'Tommton' },
];
 
var submitApp = angular.module('submitApp', []);
 
submitApp.controller("submitController", function ($scope) {
    $scope.users = usersArray; 
    $scope.addUser = function (user) {
        $scope.users.push({ 
            name: user.name.substring(0, user.name.indexOf('@')), // обрезает email до знака @
            password: user.pass });
    }
});
Есть страница table.html:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
    <table class="table table-striped">
        <thead>
            <tr>
                <th>#</th>
                <th>Email</th>
                <th>Password</th>
            </tr>
        </thead>
        <tbody ng-repeat="user in users">
            <tr>
                <td>{{ $index + 1 }}</td>
                <td>{{ user.name }}</td>
                <td>{{ user.password}}</td>
            </tr>
        </tbody>
    </table>

Всё, что нужно подключено и если и форма и таблица находятся в одном файле index.html, то всё работает нормально.

Как правильно разбить форму и таблицу на два файла и организовать всё так, чтобы при клике на кнопку Submit почта/пароль сохранялись в users, шла переадресация на table.html и данные с массива отображались в таблице?

Добавлено через 22 минуты
Не тот файл submitApp.js. Вот правильный:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var submitApp = angular.module('submitApp', []);
 
submitApp.controller("submitController", function ($scope) {
    $scope.users = [
    { name: 'Mark', password: 'Otto', sex: 'male', notifications: true },
    { name: 'Jacob', password: 'Tommton', sex: 'male', notifications: false },
];
    
    $scope.addUser = function (user) {
        $scope.users.push({ 
            name: user.name.substring(0, user.name.indexOf('@')),
            password: user.pass,
            sex: user.sex, 
            notifications: user.notific });
    }
});
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
25.05.2015, 16:15
Ответы с готовыми решениями:

Как правильно организовать БД?
Извините за глупый, наверное, вопрос. Я самоучка и только начинаю познавать науку... Как...

Как правильно организовать?
У меня есть несколько классов и у них практически одинаковые функции, которые отличается парой...

Как правильно организовать БД?
Есть база данных о предприятии. В ней есть данные об отделах и о сотрудниках. С сотрудниками всё...

Как правильно организовать исключение
Подскажите пожалуйста, как правильно организовать такое исключение: Создан массив, если в нем есть...

Как правильно организовать событие
Добрый день. Подскажите пожалуйста, как правильно организовать событие. Существует основной...

1
JokerNN
134 / 130 / 57
Регистрация: 29.12.2011
Сообщений: 359
26.05.2015, 11:13 2
Использовать роутер. angular-router или ui-router, я предпочитаю последний, но он для понимания может показаться сложнее. Иметь 2 разных view на форму и на таблицу, менять route по клику на Submit.
Как организовывать модули.
Вот дока от гугла
https://docs.google.com/document/d/1...ilebasic?pli=1
Вот тут в картинках:
http://stackoverflow.com/questions/18542353/angularjs-folder-structure
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
26.05.2015, 11:13

Как организовать правильно запрос
Доброго всем. Никак не могу понять, как ЭТО сделать... Есть таблица, есть форма с запросом. Идет...

Как правильно организовать многопоточность?
Всем привет! Если кратко Мне нужно организовать выполнение одной большой не цикловой задачи в...

Как правильно организовать дерево ?
Есть класс дерева (упрощенный вариант) class Tree { public: Tree * parent; int data;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru