Как создать элемент DOM в другой шаблон? -- javascript поле с участием jquery поле с участием angularjs поле с участием ionic-framework поле с участием ionic пол Связанный проблема

How to create a dom element to another Template?


0
vote

проблема

русский

У меня есть пример сценария. Короче говоря - если вы нажмете на «Добавить» создают ряд новых элементов, так как он был заполнен полями. Используемый ионный. Необходимо убедиться, что когда вы нажимаете «Добавить», чтобы открыть новый шаблон, и уже там создавать элементы. Но не сейчас.

 <код> <!DOCTYPE html> <html ng-app='main.app'>    <head>     <link data-require="bootstrap@3.3.2" data-semver="3.3.2" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />     <script data-require="angular.js@1.3.15" data-semver="1.3.15" src="https://code.angularjs.org/1.3.15/angular.js"></script>     <script src="script.js"></script>   </head>    <body ng-controller='AppController as AppCtrl'>     <div class="list">     <label class="item item-input" ng-repeat="item in AppCtrl.items track by $index">         <span class="input-label">Input</span>         <input type="text" ng-model="item.text">     </label>     </div>     <a class="btn btn-default" ng-click="AppCtrl.AddItems()">Add</a>   </body>  </html>  angular.module('main.app', []) .controller('AppController',function(){   var self = this;    self.items = [{text:''},{text:''},{text:''},{text:''},{text:''}];    self.AddItems = function(){     var empty = 0;     for(var i = 0; i < self.items.length; i++){       if(self.items[i].text == ''){         empty++;       }     }     empty = 5-empty;      for(var i = 0; i < empty; i++){       self.items.push({text:''});     }   }  });   

poleunker

Английский оригинал

I have an example of a script. In short - if you click on "add" creates a number of new elements as it was filled fields. Used ionic. It is necessary to make sure that when you click on "add" to open a new template, and already there to create elements. But not now.

<!DOCTYPE html> <html ng-app='main.app'>    <head>     <link data-require="bootstrap@3.3.2" data-semver="3.3.2" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />     <script data-require="angular.js@1.3.15" data-semver="1.3.15" src="https://code.angularjs.org/1.3.15/angular.js"></script>     <script src="script.js"></script>   </head>    <body ng-controller='AppController as AppCtrl'>     <div class="list">     <label class="item item-input" ng-repeat="item in AppCtrl.items track by $index">         <span class="input-label">Input</span>         <input type="text" ng-model="item.text">     </label>     </div>     <a class="btn btn-default" ng-click="AppCtrl.AddItems()">Add</a>   </body>  </html>  angular.module('main.app', []) .controller('AppController',function(){   var self = this;    self.items = [{text:''},{text:''},{text:''},{text:''},{text:''}];    self.AddItems = function(){     var empty = 0;     for(var i = 0; i < self.items.length; i++){       if(self.items[i].text == ''){         empty++;       }     }     empty = 5-empty;      for(var i = 0; i < empty; i++){       self.items.push({text:''});     }   }  }); 

Plunker

</div
              
 
 

Список ответов

0
 
vote

Возможно, я мог неправильно понять ваши потребности, но похоже, что у вас есть небольшая путаница с вашим empty переменной.

В вашем последнем для итерации empty <код> 0 , а затем никакие элементы не добавляются в ваш массив.

Например, если вы измените ваше условие для:

 <код> for(var i = 0; i < 5; i++){     self.items.push({text:''}); }   

У вас есть элементы, добавленные в ваш массив и вашему HTML.

 

I may have misunderstood your needs, but it looks you have a small confusion with your empty variable.

In your last for iteration, empty is 0 and then no items are added to your array.

For example, if you change your for condition to:

for(var i = 0; i < 5; i++){     self.items.push({text:''}); } 

You have the items added to your array and to your html.

</div
 
 

Связанный проблема

0  Asp.net внутри тега скрипта  ( Asp net inside a script tag ) 
Я пытаюсь получить некоторую работу с некоторыми JavaScript, который делает график в зависимости от предоставленной вами информации. Я говорю о Это <код...

-2  Динамический фон WordPress на основе изображений слайдера  ( Dynamic wordpress background based on slider images ) 
Я использую NivoSlider на WordPress, и я хочу, чтобы фона моей домашней страницы измениться на основе текущего изображения слайда! У меня нет опыта работы в J...

1  Как я могу выбрать вторую кнопку Отмена, а не первым?  ( How can i select the second cancel button instead of the first ) 
Я хочу отменить второй элемент строки вместо первого. Ниже приведен какой-то пример код для 2 позиций: <код> <div class="screenlet-body"> <form na...

0  Почему угловые $ не удаляют старое значение?  ( Why is angular scope not removing old value ) 
У меня есть следующий контроллер <код> angular.module('publicApp') .controller('URLSummaryCtrl', function ($scope, $location, Article, $rootScope, $timeou...

8  Почему я не могу удалить это cookie?  ( Why cant i delete this cookie ) 
Хорошо, вот 411 - у меня есть следующий обработчик событий в моем файле Global.Asax.cs: <код> private void Global_PostRequestHandlerExecute(object sender, E...

6  Как вызвать функцию JavaScript в верхней раме?  ( How to call a javascript function in the top frame ) 
Это кажется действительно простым, но как мне позвонить функцию JavaScript, которая определяется в HTML верхнего уровня, от детской рамы? <код> top html doc...

0  Обратный вызов для GridView Yii2 CheckboxColumn  ( Callback for yii2s gridview checkboxcolumn ) 
У меня есть <код> GridView (yii2) и один из столбцов - это логический тип данных. Я хочу быть в состоянии переключить это значение и сохранить его в моей баз...

0  JavaScript -Paste из буфера обмена к определенной ячейке в Excel  ( Javascript paste from clipboard to specific cell in excel ) 
У меня есть функция JS, которая копирует изображение от Div на буфер обмена (только в IE) и вставляет его в Excel. Я хотел бы знать, как я могу вставить содер...

1  Передача нескольких массивов на график C3  ( Passing multiple arrays to c3 graph ) 
У меня есть API, давая мне несколько массивов, которые я должен поместить на диаграмме линии C3. Кажется, я умею построить просто хорошо, но если я начну прох...

0  Как добавить значение для массива после проверки другого массива  ( How to add value to array after checking another array ) 
У меня есть два массива как таковые: <код> UserGroupUser[{Id:"1",UserId:"2",UserGroupId"1"}, {Id:"2",UserId:"3",UserGroupId"1"}, {Id:...

1  Расширение фона с помощью JavaScript  ( Extending a background using javascript ) 
У меня есть страница, которая выглядит так <код> ----------------------------------- | ************* | | ************* ...

7  Объект IIFE и Window?  ( Iife and window object ) 
<Код> IIFE Что нужно получить доступ без переопределения <код> window объект - можно рассматривать как: что-то вроде ( jQuery Пример): <код> $(function...

0  Есть ли способ определить проверенную переключатель перед отправкой формы?  ( Is there a way to determine checked radio button before form submission ) 
Я работаю над созданием динамической формы проверки полосы. Я хотел бы, чтобы форма изменилась на основе выбора радиопередачи. Вот код у меня есть до сих пор....

1  Путь нужна модуль в узле JS Работа в Windows, но не в Linux  ( Path of require module in node js work in windows but not in linux ) 
У меня это в моем коде <Код> var queries = require('./Queries.js'); При запуске сервера узла в Windows CMD в порядке. Я клонировать пролей в сервере Li...

8  Предотвращение DOM XSS  ( Preventing dom xss ) 
Мы недавно мы на борту чужого кода, который с тех пор был проверен, и не удалось, для атаки DOM XSS. В основном фрагменты URL передаются непосредственно в сел...




© 2021 www.qaru.top All Rights Reserved. Q&A House все права защищены


Licensed under cc by-sa 3.0 with attribution required.