Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Динамически добавить элемент в ng-model AngularJS. / 5 сообщений из 5, страница 1 из 1
10.12.2018, 17:02
    #39745491
rigor mortis
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамически добавить элемент в ng-model AngularJS.
Привет,
что-то затруднился. На странице инициализируется список:

Код: html
1.
2.
3.
                    <ol id="targetContainer" >
                        <li ng-repeat="item in target" item_id="{{item.Id}}">{{item.Name}}</li> 
                    </ol>



В контроллере изначально
Код: javascript
1.
$scope.target = [];



В targetContainer добавляется динамически

Код: html
1.
"<li item_id='" + item.Id + "'>" + item.Name + "/></li>"



при этом в коде обрабатывается

Код: javascript
1.
$compile(angular.element(document.getElementById("targetContainer")))($scope);



Но в $scope.target новый элемент не добавляется. Как сделать чтобы элемент списка добавился в $scope.target?
...
Рейтинг: 0 / 0
11.12.2018, 05:57
    #39745705
Лысый дядька
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамически добавить элемент в ng-model AngularJS.
rigor mortis,

фигню какую-то делаете. Какие объекты у вас в $scope.target?
...
Рейтинг: 0 / 0
11.12.2018, 10:12
    #39745792
rigor mortis
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамически добавить элемент в ng-model AngularJS.
Лысый дядька,

Код: javascript
1.
2.
3.
4.
{
Id: 1,
Name: 'Name1'
}
...
Рейтинг: 0 / 0
11.12.2018, 10:14
    #39745793
rigor mortis
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамически добавить элемент в ng-model AngularJS.
rigor mortisЛысый дядька,

Код: javascript
1.
2.
3.
4.
{
Id: 1,
Name: 'Name1'
}



То есть массив их:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
[{
Id: 1,
Name: 'Name1'
},
{
Id: 2,
Name: 'Name2'
},
...]
...
Рейтинг: 0 / 0
11.12.2018, 10:30
    #39745805
Лысый дядька
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамически добавить элемент в ng-model AngularJS.
rigor mortis,

Ну и нафига вам

Код: html
1.
"<li item_id='" + item.Id + "'>" + item.Name + "/></li>"


??
Так вообще не делают в ангуляре. Директива - это шаблон + контроллер + модель состояния. Если вы зачем-то используете id, или пытаетесь собрать элемент конкатенацией, значит вы делаете что-то совсем не то. У вас же было все правильно
Код: html
1.
<li ng-repeat="item in target">{{item.Name}}</li> 


зачем вам понадобились какие-то id?

автор$compile(angular.element(document.getElementById("targetContainer")))($scope);

еще не лучше бред. $compile более-менее разумно использовать, если вы получаете компонент ajax-ом.


Лучше расскажите, что пытаетесь сделать.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Динамически добавить элемент в ng-model AngularJS. / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]