Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在angularjs中将文本框值传递给ng repeat?_Javascript_Angularjs - Fatal编程技术网

Javascript 如何在angularjs中将文本框值传递给ng repeat?

Javascript 如何在angularjs中将文本框值传递给ng repeat?,javascript,angularjs,Javascript,Angularjs,1) 我有一个带有代码的行业下拉列表(文本框)。基于行业下拉列表值,代码将发生变化 2) 我对电影名称和导演姓名进行了动态添加/删除 在这里,我们在表Movie Name、Director、Industry Code中有3列 我们可以动态添加电影名和导演名,但我们需要从上面的下拉列表中获取行业代码 当我们改变行业领域时,我们将得到一个代码(如果用户选择泰米尔语,我们将得到代码TN)。根据行业下拉列表,我们需要更新所有行业代码行(此列在表中可用) 函数myCtrl($scope){ $scop

1) 我有一个带有代码的行业下拉列表(文本框)。基于行业下拉列表值,代码将发生变化

2) 我对电影名称和导演姓名进行了动态添加/删除

在这里,我们在表Movie Name、Director、Industry Code中有3列

我们可以动态添加电影名和导演名,但我们需要从上面的下拉列表中获取行业代码

当我们改变行业领域时,我们将得到一个代码(如果用户选择泰米尔语,我们将得到代码TN)。根据行业下拉列表,我们需要更新所有行业代码行(此列在表中可用)

函数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;
        }

        };