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