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

Не работает ng-model при ng-include

07.07.2015, 14:57. Просмотров 747. Ответов 0
Метки нет (Все метки)

Я подгружаю данные (form.html) с помощью ng-include в index.html. В этих данных используется двухсторонняя привязка ng-model.
Проблема в том, что эта привязка не работает.
1) В чем собственно проблема?
2) Как ее решить?


Код страницы index.html:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html ng-app="sportsStore" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>ToDo List (Task2)</title>
    <script src="../Libraries/angular.js"></script>
    <link href="../Libraries/bootstrap.css" rel="stylesheet" />
    <link href="../Libraries/bootstrap-theme.css" rel="stylesheet" />
    <script>
        angular.module ("sportsStore", []) 
    .controller ("sportsStoreCtrl", function ($scope) {
        //$scope.descr='cc';
        $scope.sh=false;
        $scope.mass=[
            {
                name: 'Купить молоко',
                descr: 'Сходить на рынок и купить молоко',
                date: '2/18/2015',
                complete: false
            },{
                name: 'Посм видео урок',
                descr: 'Досмотреть до конца',
                date: '2/18/2015',
                complete: false
            }
        ];
        $scope.incl=function(){
            $scope.form='form.html';
            $scope.sh=true;
        }
        $scope.add=function(){
            console.log($scope.descr);
            $scope.mass.push({
                name: $scope.name,
                descr: $scope.descr,
                date: $scope.date,
                complete: $scope.complete
            });
            $scope.name='';
            $scope.descr='';
            $scope.date='';
            $scope.complete='';
        }
    }); 
 
 
    </script>
 
</head>
<body>
 
    <div class="container" ng-controller="sportsStoreCtrl">
 
        <h3>ToDo List</h3>
 
        <table class="table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th ng-if="sh">Description</th>
                    <th>Date</th>
                    <th>Completed</th>
                </tr>
            </thead>
            <tr ng-repeat="m in mass">
                <td>{{m.name}}</td>
                <td ng-if="sh">{{m.descr}}</td>
                <td>{{m.date}}</td>
                <td>{{m.complete?'Done':''}}</td>
            </tr>
        </table>
 
        <div>
            <form>
              <div class="form-group">
                <label for="exampleInputEmail1">Name</label>
                <input class="form-control" id="exampleInputEmail1" ng-model="name">
              </div>
              <div class="form-group">
                <label for="exampleInputPassword">Due Date</label>
                <input class="form-control" id="exampleInputPassword" ng-model="date">
              </div>
              <div class="form-group" ng-include="form">
                
              </div>
              <div class="checkbox">
                <label>
                  <input type="checkbox" ng-model="complete">Completed
                </label>
              </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-default" ng-click="add()">Add</button>
                    <button class="btn btn-default" ng-click="incl()">incl</button>
                </div>
            </form>
        </div>
    </div>
</body>
</html>

Код страницы form.html:

HTML5
1
2
<label type="text" for="exampleInputPassword1">Description{{descr}}</label>
<textarea class="form-control" id="exampleInputPassword1" ng-model="descr"></textarea>
Добавлено через 33 минуты
Спасибо, я нашел ответ
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
07.07.2015, 14:57
Ответы с готовыми решениями:

Работа с файлами в C# с исп. библиотек #include <stdio.h> #include <stdlib.h> #include <math.h> #include <io.h>
В типизированном файле записаны названия городов и их численность. Увеличить численность каждого...

Не работает стандартное действие jsp:include при вставке класса
При вставке стандартного действия jsp:include в JSP-страницу вываливается ошибка:...

Не работает setlocale ( LC_ALL,"RUS") при #include <string>
Для борьбы с иероглифами в консоли использовал setlocale ( LC_ALL,&quot;RUS&quot;) и вот...

Код JQuery работает стабильно вне Joomla, при include в joomla - ошибка
Код JQuery работает стабильно вне Joomla, при include в joomla - ошибка. И эта ошибка происходит...

#include<iostream>// подключение библиотек #include <conio.h> #include <climits>
помогите для этой программы сделать блок-схему. Пожалуйста #include&lt;iostream&gt;// подключение...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
07.07.2015, 14:57

Не работает $model->attributes YII
Здравствуйте. Делаю добавление нового пользователя в базу, но не получается. Решил проверить почему...

TableView->model->setData() не работает
Здравствуйте! Не могу понять в чем проблема. В коде ниже я забираю данные из таблицы (таблица...

NVIDIA RIVA TNT2 Model 64/Model 64 Pro (Microsoft Corporation)
Нашел несколько вот таких древностей NVIDIA RIVA TNT2 Model 64/Model 64 Pro (Microsoft...


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

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

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