[英]How to create a dom element to another Template?
我有一个脚本示例。 简而言之-如果单击“添加”,则会在填充字段时创建许多新元素。 用过的离子。 有必要确保当您单击“添加”以打开新模板时,已经在其中创建元素。 但是不是现在。
<!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:''});
}
}
});
我可能误解了您的需求,但看起来您对empty
变量有些困惑。
在你最后的迭代 , empty
为0
,然后没有任何项目添加到您的阵列。
例如,如果将for条件更改为 :
for(var i = 0; i < 5; i++){
self.items.push({text:''});
}
您已将项目添加到数组和html中。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.