Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/apache-spark/5.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
Angularjs 如何在angular js中为无序列表中的所有文本框设置相同的值?_Angularjs - Fatal编程技术网

Angularjs 如何在angular js中为无序列表中的所有文本框设置相同的值?

Angularjs 如何在angular js中为无序列表中的所有文本框设置相同的值?,angularjs,Angularjs,假设列表中有5个文本框,我在第一个文本框中输入文本输入,然后单击发送。现在我希望输入的值显示在列表中的所有其他文本框中 以下是我的html代码:- <!DOCTYPE html> <html> <head> <title>AngularJS Plunker</title> <script src="./scripts/angular.min.js"></script>

假设列表中有5个文本框,我在第一个文本框中输入文本输入,然后单击发送。现在我希望输入的值显示在列表中的所有其他文本框中

以下是我的html代码:-

<!DOCTYPE html>
<html>
    <head>
        <title>AngularJS Plunker</title>
        <script src="./scripts/angular.min.js"></script>
        <script src="./scripts/app.js"></script>
    </head>
    <body ng-app="chatApp">
        <div ng-controller="chatController">
            <ul>    
                <li ng-repeat="chat in chats">
                    <input type="text"/>
                    <button ng-click="sendChat()">Send</button>
                    <button ng-click="deleteChat($index)">Delete</button>
                </li>
            </ul>   
            <button ng-click="addChat()">Click me to add</button>
        </div>
    </body>
</html>

安古拉斯普朗克
  • 发送 删除
单击我添加
以下是我的角度代码:-

var app=angular.module('chatApp',[]);

app.controller('chatController',['$scope',function($scope){
    $scope.chats=[];
    $scope.addChat = function() {
        if($scope.chats.length<10)
        {
            $scope.chats.push({name:''});
        }
     }
    $scope.deleteChat=function(index){
        $scope.chats.splice(index,1);
    }
    $scope.sendChat=function(data){

    }

}]);
var-app=angular.module('chatApp',[]);
app.controller('chatController',['$scope',函数($scope){
$scope.chats=[];
$scope.addChat=函数(){

如果($scope.chats.length在输入字段中添加模型

<input type="text" ng-model="chat.msg"/>

对不起,兄弟!事实上,我试图向上投票,但错误地单击了向下投票。如果您可以编辑您的答案,我将再次向上投票。为什么会被向下投票?我的问题中有错吗?
<button ng-click="sendChat(chat)">Send</button>
$scope.sendChat = function(data) {
    $scope.chats.map(function(x) {
        x.msg = data.msg;
    })
}