Javascript 如何在angularjs中将文本框值传递给ng repeat?
1) 我有一个带有代码的行业下拉列表(文本框)。基于行业下拉列表值,代码将发生变化 2) 我对电影名称和导演姓名进行了动态添加/删除 在这里,我们在表Movie Name、Director、Industry Code中有3列 我们可以动态添加电影名和导演名,但我们需要从上面的下拉列表中获取行业代码 当我们改变行业领域时,我们将得到一个代码(如果用户选择泰米尔语,我们将得到代码TN)。根据行业下拉列表,我们需要更新所有行业代码行(此列在表中可用)Javascript 如何在angularjs中将文本框值传递给ng repeat?,javascript,angularjs,Javascript,Angularjs,1) 我有一个带有代码的行业下拉列表(文本框)。基于行业下拉列表值,代码将发生变化 2) 我对电影名称和导演姓名进行了动态添加/删除 在这里,我们在表Movie Name、Director、Industry Code中有3列 我们可以动态添加电影名和导演名,但我们需要从上面的下拉列表中获取行业代码 当我们改变行业领域时,我们将得到一个代码(如果用户选择泰米尔语,我们将得到代码TN)。根据行业下拉列表,我们需要更新所有行业代码行(此列在表中可用) 函数myCtrl($scope){ $scop
函数myCtrl($scope){
$scope.datas=[{
“id”:3,
“姓名”:“泰米尔”,
“代码”:“TN”
}, {
“id”:4,
“名称”:“英语”,
“代码”:“EN”
},
{
“id”:5,
“名称”:“泰卢固”,
“代码”:“TE”
}
]
$scope.change\u drop=函数(数据){
}
$scope.movieArray=[{
'名称':'日全食',
“导演”:“阿格尼兹卡·霍兰”,
“代码”:“TN”
},
{
“名字”:“我的左脚”,
“导演”:“吉姆·谢里登”,
“代码”:“TN”
},
{
“name”:“Forest Gump”,
"导演":"罗伯特·泽梅基斯",,
“代码”:“TN”
}
];
$scope.selected_行={
“val”:”
}
$scope.change\u drop=函数(){
$scope.movieArray.forEach(函数(val,i){
val['code']=$scope。所选行['val']['code']
})
}
//从输入框中获取值并向表中添加新行。
$scope.addRow=函数(){
如果($scope.name!=未定义&&$scope.director!=未定义&&$scope.selected_行['val']['code']){
var find=0
$scope.movieArray.forEach(函数(val,i){
if(val['name']=$scope.name&&val['director']=$scope.director){
val['code']=$scope。所选行['val']['code']
find=1;
}
val['code']=$scope。所选行['val']['code']
})
如果(查找){
$scope.name=null;
$scope.director=null;
$scope.selected_行={
“val”:”
}
返回
}
var movie={};
movie.name=$scope.name;
movie.director=$scope.director;
movie.code=$scope.selected_行['val']['code']
movie.industry=$scope.selected_行['val']['name']
$scope.movieArray.push(电影);
//清除文本框。
$scope.name=null;
$scope.director=null;
$scope.selected_行={
“val”:”
}
}
};
//从表中删除所选行。
$scope.removeow=函数(){
var arrmoine=[];
angular.forEach($scope.movieArray,函数(值){
如果(!value.Remove){
推送(值);
}
});
$scope.movieArray=arrmoine;
};
//最后提交数据。
$scope.submit=函数(){
var arrmoine=[];
angular.forEach($scope.movieArray,函数(值){
arrmoine.push('Name:'+value.Name+',Director:'+value.Director+'code:'+value.code));
});
$scope.display=arrMovie;
};
}
div{
字体:15px Verdana;
宽度:450px;
}
保险商实验室{
填充:0;
保证金:2p5px;
列表样式:无;
边界:0;
浮动:左;
宽度:100%;
}
李{
宽度:50%;
浮动:左;
显示:内联块;
}
桌子
输入{
文本对齐:左对齐;
字体:13px Verdana;
}
桌子
运输署,
th{
利润率:10px0;
填充:2x10px;
}
运输署,
th{
边框:实心1px#CCC;
}
钮扣{
字体:13px Verdana;
填充物:3px 5px;
}
工业
代码
- 电影名称
- 董事姓名
- 添加行
不
电影名称
经理
行业代码
{{$index+1}}
{{movies.name}
{{电影.导演}
{{movies.code}
提交数据
删除行
{{display}
函数myCtrl($scope){
$scope.datas=[{
“id”:3,
“姓名”:“泰米尔”,
“代码”:“TN”
}, {
“id”:4,
“名称”:“英语”,
“代码”:“EN”
},
{
“id”:5,
“名称”:“泰卢固”,
“代码”:“TE”
}
]
$scope.change\u drop=函数(数据){
}
$scope.movieArray=[{
'名称':'日全食',
“导演”:“阿格尼兹卡·霍兰”,
“代码”:“TN”
},
{
“名字”:“我的左脚”,
“导演”:“吉姆·谢里登”,
“代码”:“TN”
},
{
“name”:“Forest Gump”,
"导演":"罗伯特·泽梅基斯",,
“代码”:“TN”
}
];
$scope.selected_行={
“val”:”
}
$scope.change\u drop=函数(){
$scope.movieArray.forEach(函数(val,i){
val['code']=$scope。所选行['val']['code']
})
}
//从输入框中获取值并向表中添加新行。
$scope.addRow=函数(){
如果($scope.name!=未定义&&$scope.director!=未定义&&$scope.selected_行['val']['code']){
var find=0
$scope.movieArray.forEach(函数(val,i){
if(val['name']=$scope.name&&val['director']=$scope.director){
val['code']=$scope。所选行['val']['code']
find=1;
}
val['code']=$scope。所选行['val']['code']
})
如果(查找){
$scope.name=null;
$scope.director=null;
$scope.selected_行={
“val”:”
}
返回
}
var movie={};
movie.name=$scope.name;
movie.director=$scope.director;
movie.code=$scope.selected_行['val']['code']
movie.industry=$scope.selected_行['val']['name']
$scope.movieArray.push(电影);
//清除文本框。
$scope.name=null;
$scope.director=null;
$scope.selected_行={
“val”:”
}
}
};
//从表中删除所选行。
$scope.removeow=函数(){
var arrmoine=[];
角度。forEach($scope.mo)
<div data-ng-app data-ng-controller="myCtrl">
<label>Industry</label>
<select ng-model="data" ng-options="data as data.name for data in datas">
</select>
<label>code</label>
<input type="text" ng-model="data.code" disabled/>
<ul>
<li>Movie Name</li>
<li><input type="text" ng-model="name" /></li>
</ul>
<ul>
<li>Name of Director</li>
<li><input type="text" ng-model="director" /></li>
</ul>
<ul>
<li></li><li><button ng-click="addRow()"> Add Row </button></li>
</ul>
<table>
<tr>
<th>NO</th>
<th>Movie Name</th>
<th>Director</th>
<th>Industry Code</th>
</tr>
<tr ng-repeat="movies in movieArray">
<td><label>{{$index + 1}}</label></td>
<td><label>{{movies.name}}</label></td>
<td><label>{{movies.director}}</label></td>
<td><label>{{movies.code}}</label></td>
<td><input type="checkbox" ng-model="movies.Remove"/></td>
</tr>
</table>
<div>
<button ng-click="submit()">Submit Data</button>
<button ng-click="removeRow()">Remove Row</button>
</div>
<div id="display" style="padding:10px 0;">{{display}}</div>
function myCtrl($scope){
$scope.datas = [{
"id": 3,
"name": "Tamil",
"code": "TN"
}, {
"id": 4,
"name": "English",
"code": "EN"
},
{
"id": 5,
"name": "Telugu",
"code": "TE"
}]
$scope.movieArray =
[
{ 'name': 'Total Eclipse', 'director': 'Agniezka Hollan' ,'code': 'TN'},
{ 'name': 'My Left Foot', 'director': 'Jim Sheridan','code': 'TN' },
{ 'name': 'Forest Gump', 'director': 'Robert Zemeckis','code': 'TN' }
];
// GET VALUES FROM INPUT BOXES AND ADD A NEW ROW TO THE TABLE.
$scope.addRow = function () {
if ($scope.name != undefined && $scope.director != undefined) {
var movie = [];
movie.name = $scope.name;
movie.director = $scope.director;
$scope.movieArray.push(movie);
// CLEAR TEXTBOX.
$scope.name = null;
$scope.director = null;
}
};
// REMOVE SELECTED ROW(s) FROM TABLE.
$scope.removeRow = function () {
var arrMovie = [];
angular.forEach($scope.movieArray, function (value) {
if (!value.Remove) {
arrMovie.push(value);
}
});
$scope.movieArray = arrMovie;
};
// FINALLY SUBMIT THE DATA.
$scope.submit = function () {
var arrMovie = [];
angular.forEach($scope.movieArray, function (value) {
arrMovie.push('Name:' + value.name + ', Director:' + value.director);
});
$scope.display = arrMovie;
};
}
$scope.changeindustry=function()
{
for(var a in $scope.movieArray)
{
$scope.movieArray[a].code=$scope.data.code;
}
};